#06124C

Color Details

HEX
#06124C
RGB
rgb(6, 18, 76)
HSL
hsl(230, 85%, 16%)
CMYK
cmyk(92%, 76%, 0%, 70%)
Best text on this color #FFFFFF (CR 17.52:1) Determined by WCAG contrast ratio

Readability Previews

Black on #06124c
Contrast 1.20:1 Fail
White on #06124c
Contrast 17.52:1 AAA
#06124c on Black
Contrast 1.20:1 Fail
#06124c on White
Contrast 17.52:1 AAA

Tints & Shades

#384170
#6a7194
#9ba0b7
#050e3d
#040b2e
#02071e

Complement & Analogous

#4b4006
#1d064b
#06344b

Triadic

#4b0612
#124b06

Monochrome

#02071e #040b2e #06124c #6a7194 #9ba0b7 #cdd0db

Analogous

#06344b #517181 #06124c #4a386f #1d064b #17053c

Complementary Mix

#040b2e #06124c #6a7194 #4b4006 #8a835d #312a04

Nearby Colors

#06124b
#06124d
#06123c
#06125c

Embed #06124C swatch

Embed this swatch

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

Open image

About #06124C

#06124C converts to RGB(6, 18, 76) and HSL(230, 85%, 16%). 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).

#06124C FAQs

What is the RGB value of #06124C?
RGB: 6, 18, 76. Copy as CSS: rgb(6, 18, 76)
Is #06124C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #06124C?
Complement: #4b4006.
Does #06124C have good contrast on white or black?
On white: 17.52:1 (AAA (normal text)). On black: 1.20:1 (Fails AA).