#3696bb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3696bb | RGB(54, 150, 187) |
Created at 02/24/2023 15:52
Classification of #3696bb color
#3696bb is Light and Cool Color Saturation 55%, lightness 47%.
Tint of Steel Blue
RGB values are RGB(54, 150, 187)
#3696bb color contains Red 21.18%, Green 58.82% and Blue 73.33%.
oklch(63.31% 0.1035 227.69)
#3696bb color contains Red 21.18%, Green 58.82% and Blue 73.33%.
oklch(63.31% 0.1035 227.69)
Color Names of #3696bb HEX code
≈ Boston Blue
Alternative colors of #3696bb
Opposite Color for #3696bb is #bb5b36
#3696bb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3696bb
cmyk
CMYK(71%, 20%, 0%, 27%)
Decimal
3577531
HEX
#3696bb
HSL
hsl(197, 55%, 47%)
HSLA
hsla(197, 55%, 47%, 1)
RGB
RGB(54, 150, 187)
RGBA
RGBA(54, 150, 187, 1)
Palettes for #3696bb color:
Below are examples of color palettes with the #3696bb HEX color
darkest color is #050f13 from shades and lightest color is #ebf5f8 from tints
Shades palette of #3696bb:
#3187a8
#2b7896
#266983
#205a70
#1b4b5e
#163c4b
#102d38
#0b1e25
#050f13
#000000
Tints palette of #3696bb:
#4aa1c2
#5eabc9
#72b6cf
#86c0d6
#9bcbdd
#afd5e4
#c3e0eb
#d7eaf1
#ebf5f8
#ffffff
Complementary palette of #3696bb:
#3696bb
#bb5b36
Triadic palette of #3696bb:
#3696bb
#bb3696
#96bb36
Square palette of #3696bb:
#3696bb
#9d36bb
#bb5b36
#54bb36
Analogous palette of #3696bb:
#36bb9d
#3696bb
#3654bb
Split-Complementary palette of #3696bb:
#3696bb
#bb3654
#bb9d36
Rectangle (tetradic) palette of #3696bb:
#3696bb
#5b36bb
#bb5b36
#96bb36
Suggested color palettes for #3696bb HEX:
Color palette with color #3696bb #1:
Color palette with color #3696bb #2:
Color palette with color #3696bb #3:
Color palette with color #3696bb #4:
Color palette with color #3696bb #5:
Color #3696bb used in palettes (1)
Color Contrast
Color pairings of #3696bb with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3696bb
#3696bb Contrast Ratio
3.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3696bb
#3696bb Contrast Ratio
6.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3696bb color png
Visit the popular colors list for more colors