#166c8d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #166c8d | RGB(22, 108, 141) |
Created at 03/06/2023 09:43
RGB values are RGB(22, 108, 141)
#166c8d color contains Red 8.63%, Green 42.35% and Blue 55.29%.
oklch(49.89% 0.0921 229.84)
#166c8d color contains Red 8.63%, Green 42.35% and Blue 55.29%.
oklch(49.89% 0.0921 229.84)
Color Names of #166c8d HEX code
≈ Matisse
Classification of #166c8d color
#166c8d is Semi dark and Cool Color Saturation 73%, lightness 32%.
Shade of Steel Blue
Alternative colors of #166c8d
Opposite Color for #166c8d is #8d3716
#166c8d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #166c8d
cmyk
CMYK(84%, 23%, 0%, 45%)
Decimal
1469581
HEX
#166c8d
HSL
hsl(197, 73%, 32%)
HSLA
hsla(197, 73%, 32%, 1)
RGB
RGB(22, 108, 141)
RGBA
RGBA(22, 108, 141, 1)
Palettes for #166c8d color:
Below are examples of color palettes with the #166c8d HEX color
darkest color is #020b0e from shades and lightest color is #e8f0f4 from tints
Shades palette of #166c8d:
#14617f
#125671
#0f4c63
#0d4155
#0b3647
#092b38
#07202a
#04161c
#020b0e
#000000
Tints palette of #166c8d:
#2d7b98
#4589a4
#5c98af
#73a7bb
#8bb6c6
#a2c4d1
#b9d3dd
#d0e2e8
#e8f0f4
#ffffff
Complementary palette of #166c8d:
#166c8d
#8d3716
Triadic palette of #166c8d:
#166c8d
#8d166c
#6c8d16
Square palette of #166c8d:
#166c8d
#72168d
#8d3716
#318d16
Analogous palette of #166c8d:
#168d72
#166c8d
#16318d
Split-Complementary palette of #166c8d:
#166c8d
#8d1631
#8d7216
Rectangle (tetradic) palette of #166c8d:
#166c8d
#37168d
#8d3716
#6c8d16
Suggested color palettes for #166c8d HEX:
Color palette with color #166c8d #1:
Color palette with color #166c8d #2:
Color palette with color #166c8d #3:
Color palette with color #166c8d #4:
Color palette with color #166c8d #5:
Color #166c8d used in palettes (2)
Color Contrast
Color pairings of #166c8d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#166c8d
#166c8dContrast Ratio
5.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#166c8d
#166c8dContrast Ratio
3.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #166c8d color png
Visit the popular colors list for more colors