#697D0C

Color Details

HEX
#697D0C
RGB
rgb(105, 125, 12)
HSL
hsl(71, 82%, 27%)
CMYK
cmyk(16%, 0%, 90%, 51%)
Best text on this color #FFFFFF (CR 4.63:1) Determined by WCAG contrast ratio

Readability Previews

Black on #697d0c
Contrast 4.54:1 AA
White on #697d0c
Contrast 4.63:1 AA
#697d0c on Black
Contrast 4.54:1 AA
#697d0c on White
Contrast 4.63:1 AA

Tints & Shades

#87973d
#a5b16d
#c3cb9e
#54640a
#3f4b07
#2a3205

Complement & Analogous

#210c7d
#307d0c
#7d5a0c

Triadic

#0c697d
#7d0c69

Monochrome

#2a3205 #3f4b07 #697d0c #a5b16d #c3cb9e #e1e5ce

Analogous

#7d5a0c #a48c55 #697d0c #59973d #307d0c #26640a

Complementary Mix

#3f4b07 #697d0c #a5b16d #210c7d #6f61ab #150851

Nearby Colors

#697d0b
#697d0d
#697cfc
#697d1c

Embed #697D0C swatch

Embed this swatch

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

Open image

About #697D0C

#697D0C converts to RGB(105, 125, 12) and HSL(71, 82%, 27%). 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).

#697D0C FAQs

What is the RGB value of #697D0C?
RGB: 105, 125, 12. Copy as CSS: rgb(105, 125, 12)
Is #697D0C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #697D0C?
Complement: #210c7d.
Does #697D0C have good contrast on white or black?
On white: 4.63:1 (AA (normal text)). On black: 4.54:1 (AA (normal text)).