#668D0C

Color Details

HEX
#668D0C
RGB
rgb(102, 141, 12)
HSL
hsl(78, 84%, 30%)
CMYK
cmyk(28%, 0%, 91%, 45%)
Best text on this color #000000 (CR 5.38:1) Determined by WCAG contrast ratio

Readability Previews

Black on #668d0c
Contrast 5.38:1 AA
White on #668d0c
Contrast 3.90:1 Fail
#668d0c on Black
Contrast 5.38:1 AA
#668d0c on White
Contrast 3.90:1 Fail

Tints & Shades

#85a43d
#a3bb6d
#c2d19e
#52710a
#3d5507
#293805

Complement & Analogous

#330c8d
#268d0c
#8d730c

Triadic

#0c668d
#8d0c66

Monochrome

#293805 #3d5507 #668d0c #a3bb6d #c2d19e #e0e8ce

Analogous

#8d730c #af9d55 #668d0c #51a43d #268d0c #1e710a

Complementary Mix

#3d5507 #668d0c #a3bb6d #330c8d #7a61b5 #21085c

Nearby Colors

#668d0b
#668d0d
#668cfc
#668d1c

Embed #668D0C swatch

Embed this swatch

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

Open image

About #668D0C

#668D0C converts to RGB(102, 141, 12) and HSL(78, 84%, 30%). 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).

#668D0C FAQs

What is the RGB value of #668D0C?
RGB: 102, 141, 12. Copy as CSS: rgb(102, 141, 12)
Is #668D0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #668D0C?
Complement: #330c8d.
Does #668D0C have good contrast on white or black?
On white: 3.90:1 (AA (large text)). On black: 5.38:1 (AA (normal text)).