#6B8E23

#6B8E23 is the hex color OliveDrab. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

This is the nearest named color to #6B8E23; the exact match is OliveDrab.

Open #6B8E23 in the picker

#6B8E23 color codes

HEX
#6B8E23
HEX8
#6B8E23FF
HEX8 (Android)
#FF6B8E23
RGB
rgb(107, 142, 35)
RGB (%)
42%, 56%, 14%
HSL
hsl(80, 60%, 35%)
HSV / HSB
hsv(80, 75%, 56%)
CMYK
cmyk(25%, 0%, 75%, 44%)
OKLCH
oklch(0.5995 0.1374 126.32)
OKLCH (%)
oklch(59.95% 0.1374 126.32)
Decimal
7048739

What color is #6B8E23?

#6B8E23 sits at 60% lightness and 0.1374 chroma in OKLCH, hue 126.32°. Its nearest named color is OliveDrab (an exact match).

Shades and tints of #6B8E23

Tints

Shades

Tones

#6B8E23 color harmonies

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Using #6B8E23 in CSS

.text       { color: #6B8E23; }
.background { background-color: #6B8E23; }
.border     { border: 2px solid #6B8E23; }

/* Modern, perceptually uniform */
.text { color: oklch(0.5995 0.1374 126.32); }

/* #6B8E23 at 50% transparency */
.overlay { background-color: #6B8E2380; }

Is #6B8E23 accessible?

#6B8E23 on white text scores 3.81:1; on black text it scores 5.52:1. Black text passes WCAG AA for normal text on #6B8E23. Recommended text color on a #6B8E23 background: black.

A 5.52:1 vs black
A 3.81:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Fail
  • AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#6B8E23) → black
APCA Lc experimental 70.9 Lc · large / secondary text (white text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Related colors

Nearest featured color: Green #008000. See more in the green family on the colors hub.

Frequently asked questions

What color is #6B8E23?
#6B8E23 is OliveDrab. In RGB it is rgb(107, 142, 35), and in HSL hsl(80, 60%, 35%).
What is #6B8E23 in RGB?
#6B8E23 converts to rgb(107, 142, 35) — red 107, green 142, blue 35.
What text color is readable on #6B8E23?
Black text — it has the higher contrast ratio (5.52:1) against #6B8E23. Black text passes WCAG AA for normal text on #6B8E23.
Open #6B8E23 in the picker