#06166C

Color Details

HEX
#06166C
RGB
rgb(6, 22, 108)
HSL
hsl(231, 89%, 22%)
CMYK
cmyk(94%, 80%, 0%, 58%)
Best text on this color #FFFFFF (CR 15.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #06166c
Contrast 1.34:1 Fail
White on #06166c
Contrast 15.68:1 AAA
#06166c on Black
Contrast 1.34:1 Fail
#06166c on White
Contrast 15.68:1 AAA

Tints & Shades

#384589
#6a73a7
#9ba2c4
#051256
#040d41
#02092b

Complement & Analogous

#6a5b06
#29066a
#06476a

Triadic

#6a0615
#156a06

Monochrome

#02092b #040d41 #06166c #6a73a7 #9ba2c4 #cdd0e2

Analogous

#06476a #517e97 #06166c #543888 #29066a #210555

Complementary Mix

#040d41 #06166c #6a73a7 #6a5b06 #9e945d #453b04

Nearby Colors

#06166b
#06166d
#06165c
#06167c

Embed #06166C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #06166C

#06166C converts to RGB(6, 22, 108) and HSL(231, 89%, 22%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#06166C FAQs

What is the RGB value of #06166C?
RGB: 6, 22, 108. Copy as CSS: rgb(6, 22, 108)
Is #06166C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #06166C?
Complement: #6a5b06.
Does #06166C have good contrast on white or black?
On white: 15.68:1 (AAA (normal text)). On black: 1.34:1 (Fails AA).