Named color · #125B49
Evergreen
Evergreen is #125B49: rgb(18 91 73), hsl(165 67% 21%), oklch(0.423 0.075 171.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Evergreen color name →
#125B49
oklch(0.423 0.075 171.9)
Color conversions
- HEX
- #125b49
- RGB
- rgb(18 91 73)
- HSL
- hsl(165 67% 21%)
- HWB
- hwb(165 7% 64%)
- OKLCH
- oklch(0.423 0.075 171.9)
- OKLab
- oklab(0.423 -0.074 0.011)
- CIE Lab
- lab(34.06 -26.33 3.86)
- LCH
- lch(34.06 26.61 171.7)
- CMYK
- cmyk(80% 0% 20% 64%)
Tints · Shades · Tones
Tints
- 306A59
- 487A6A
- 5E8A7B
- 759A8D
- 8BAA9F
- A2BBB2
- B8CBC4
- D0DCD8
- E7EEEB
Shades
- 0E4E3E
- 0A4134
- 07352A
- 042920
- 021E17
- 01130E
- 010906
- 000302
- 000000
Tones
- 235F4E
- 306354
- 3C6659
- 466A5E
- 516E64
- 5A7169
- 64756F
- 6D7975
- 777C7A
Color harmonies
Complementary +180°
- 125B49
Evergreen
- 6D3C52
≈ Ruby Nights
Analogous -30° +30°
- 125B49
Evergreen
- 355831
≈ Parsley
- 00595F
≈ Entrapment
Triadic +120° +240°
- 125B49
Evergreen
- 4F4674
≈ Dramatist
- 6E4125
≈ Davao Durian
Split-complementary +150° +210°
- 125B49
Evergreen
- 613F66
≈ Purple Odyssey
- 723C3B
≈ Tuscan Russet
Tetradic +90° +180° +270°
- 125B49
Evergreen
- 374D77
≈ Noble Knight
- 6D3C52
≈ Ruby Nights
- 624915
≈ Mud Brown
Contrast & accessibility
Ag
AAAOn white
WCAG 8.02:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.61:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 8.02:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--evergreen: #125b49;
--evergreen-rgb: 18 91 73;
--evergreen-oklch: oklch(0.423 0.075 171.9);
}
.element {
color: var(--evergreen);
background-color: hsl(165 67% 21%);
border-color: oklch(0.423 0.075 171.9);
}Tailwind CSS v4
@theme {
--color-evergreen: #125b49;
--color-evergreen-50: #e0fdf3;
--color-evergreen-100: #cff1e6;
--color-evergreen-200: #b4dfd2;
--color-evergreen-300: #8fc4b4;
--color-evergreen-400: #6fad99;
--color-evergreen-500: #4c9680;
--color-evergreen-600: #417f6d;
--color-evergreen-700: #346657;
--color-evergreen-800: #254b3e;
--color-evergreen-900: #19342b;
--color-evergreen-950: #091f18;
}SCSS
$evergreen: #125b49;
$evergreen-rgb: 18, 91, 73;
$evergreen-light: mix(#fff, $evergreen, 20%);
$evergreen-dark: mix(#000, $evergreen, 20%);
.element {
color: $evergreen;
box-shadow: 0 0 0 2px rgba($evergreen, 0.35);
}