#66B366 color codes
- HEX
- #66B366
- HEX8
- #66B366FF
- HEX8 (Android)
- #FF66B366
- RGB
- rgb(102, 179, 102)
- RGB (%)
- 40%, 70%, 40%
- HSL
- hsl(120, 34%, 55%)
- HSV / HSB
- hsv(120, 43%, 70%)
- CMYK
- cmyk(43%, 0%, 43%, 30%)
- OKLCH
- oklch(0.6978 0.1338 143.98)
- OKLCH (%)
- oklch(69.78% 0.1338 143.98)
- Decimal
- 6730598
What color is #66B366?
#66B366 sits at 70% lightness and 0.1338 chroma in OKLCH, hue 143.98°. Its nearest named color is MediumSeaGreen.
Shades and tints of #66B366
Tints
Shades
Tones
#66B366 color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #66B366 in CSS
.text { color: #66B366; }
.background { background-color: #66B366; }
.border { border: 2px solid #66B366; }
/* Modern, perceptually uniform */
.text { color: oklch(0.6978 0.1338 143.98); }
/* #66B366 at 50% transparency */
.overlay { background-color: #66B36680; }Is #66B366 accessible?
#66B366 on white text scores 2.56:1; on black text it scores 8.20:1. Black text passes WCAG AAA on #66B366. Recommended text color on a #66B366 background: black.
A 8.2:1 vs black
A 2.56:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#66B366) → black APCA Lc experimental 55 Lc · large or bold 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 #66B366?
- #66B366 is closest to MediumSeaGreen. In RGB it is rgb(102, 179, 102), and in HSL hsl(120, 34%, 55%).
- What is #66B366 in RGB?
- #66B366 converts to rgb(102, 179, 102) — red 102, green 179, blue 102.
- What text color is readable on #66B366?
- Black text — it has the higher contrast ratio (8.20:1) against #66B366. Black text passes WCAG AAA on #66B366.