#166aa0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #166aa0 | RGB(22, 106, 160) |
Created at 02/27/2023 11:12
RGB values are RGB(22, 106, 160)
#166aa0 color contains Red 8.63%, Green 41.57% and Blue 62.75%.
oklch(50.43% 0.114 243.42)
#166aa0 color contains Red 8.63%, Green 41.57% and Blue 62.75%.
oklch(50.43% 0.114 243.42)
Color Names of #166aa0 HEX code
≈ Matisse
Classification of #166aa0 color
#166aa0 is Semi dark and Cool Color Saturation 76%, lightness 36%.
Shade of Steel Blue
Alternative colors of #166aa0
Opposite Color for #166aa0 is #a04c16
#166aa0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #166aa0
cmyk
CMYK(86%, 34%, 0%, 37%)
Decimal
1469088
HEX
#166aa0
HSL
hsl(203, 76%, 36%)
HSLA
hsla(203, 76%, 36%, 1)
RGB
RGB(22, 106, 160)
RGBA
RGBA(22, 106, 160, 1)
Palettes for #166aa0 color:
Below are examples of color palettes with the #166aa0 HEX color
darkest color is #020b10 from shades and lightest color is #e8f0f6 from tints
Shades palette of #166aa0:
#145f90
#125580
#0f4a70
#0d4060
#0b3550
#092a40
#072030
#041520
#020b10
#000000
Tints palette of #166aa0:
#2d79aa
#4588b3
#5c97bd
#73a6c6
#8bb5d0
#a2c3d9
#b9d2e3
#d0e1ec
#e8f0f6
#ffffff
Complementary palette of #166aa0:
#166aa0
#a04c16
Triadic palette of #166aa0:
#166aa0
#a0166a
#6aa016
Square palette of #166aa0:
#166aa0
#9116a0
#a04c16
#25a016
Analogous palette of #166aa0:
#16a091
#166aa0
#1625a0
Split-Complementary palette of #166aa0:
#166aa0
#a01625
#a09116
Rectangle (tetradic) palette of #166aa0:
#166aa0
#4c16a0
#a04c16
#6aa016
Suggested color palettes for #166aa0 HEX:
Color palette with color #166aa0 #1:
Color palette with color #166aa0 #2:
Color palette with color #166aa0 #3:
Color palette with color #166aa0 #4:
Color palette with color #166aa0 #5:
Color #166aa0 used in palettes (1)
Color Contrast
Color pairings of #166aa0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#166aa0
#166aa0Contrast Ratio
5.82:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#166aa0
#166aa0Contrast Ratio
3.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #166aa0 color png
Visit the popular colors list for more colors