Turquoise Green #04F489
Turquoise Green is a light, vivid green with hex code #04F489 and RGB rgb(4, 244, 137).
Aa
Black text reads best on this color (14.30:1).
About this color
#04F489 is a light, vivid green. In OKLCH its lightness is 85%, its chroma 0.214 and its hue 154°. Its hue sits between the warm and cool halves of the wheel. It is the named color Turquoise Green. Black text reads best on it, at 14.30:1.
| Hue family | Greens |
| Lightness | light (85%) |
| Chroma | vivid (0.214) |
| Temperature | in between |
| Nearest name | Turquoise Green |
| Black text | 14.30:1 |
| White text | 1.46:1 |
Colors that go with Turquoise Green
Matches found by rotating Turquoise Green around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Turquoise Green
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Turquoise Green, closest first.
Similar named colors
The eight named colors closest to Turquoise Green, with their ΔE distance.
- Wintergreen #20F986 ΔE 0.016
- Minty Green #0BF77D ΔE 0.018
- Medium Spring Green #00FA9A ΔE 0.022
- Spearmint #1EF876 ΔE 0.026
- Spring Green #00FF7F ΔE 0.036
- Weird Green #3AE57F ΔE 0.039
- Bright Sea Green #05FFA6 ΔE 0.040
- Light Green Blue #56FCA2 ΔE 0.045
More about Turquoise Green
How to make Turquoise Green
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 3 parts white
- 2 parts green
- 1 part yellow
Recipe result: #93D884, a difference of ΔE 0.097 from Turquoise Green. Turquoise Green is more vivid than these paints can mix, so start from a ready-made green paint and adjust it.
Codes for Turquoise Green in every format
| HEX | #04F489 |
| RGB | rgb(4, 244, 137) |
| HSL | hsl(153, 97%, 49%) |
| OKLCH | oklch(84.9% 0.214 153.9) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #04F489 | 1.46:1 | Fails | Lc -24.3 | Dividers and decoration only |
| Black text on #04F489 | 14.30:1 | AAA | Lc 82.3 | Fine for body text |
| #04F489 text on white | 1.46:1 | Fails | Lc 21.4 | Dividers and decoration only |
| #04F489 text on black | 14.30:1 | AAA | Lc -82.0 | Fine for body text |
Shades and tints of Turquoise Green
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 200.
-
Step 50
50
#E3FDEA
oklch(97% 0.037 153.9)
-
Step 100
100
#C1FAD2
oklch(93.6% 0.079 154.1)
-
Step 200
200 (this color)
#04F489
oklch(84.9% 0.214 153.9)
-
Step 300
300
#00E580
oklch(80.9% 0.204 153.9)
-
Step 400
400
#00BF6A
oklch(70.6% 0.178 154)
-
Step 500
500
#00A45A
oklch(63.1% 0.159 153.9)
-
Step 600
600
#008A4B
oklch(55.6% 0.14 154)
-
Step 700
700
#00743E
oklch(49% 0.124 153.9)
-
Step 800
800
#005F32
oklch(42.6% 0.107 154.1)
-
Step 900
900
#005029
oklch(37.8% 0.096 153.9)
-
Step 950
950
#003016
oklch(27.1% 0.069 153.7)
Turquoise Green with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #F4DF81 | 0.187 |
| Deuteranopia (no green cones) | #DDCF91 | 0.183 |
| Tritanopia (no blue cones) | #00F1DA | 0.109 |
| Achromatopsia (no color) | #D5D5D5 | 0.215 |
Use Turquoise Green in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.