Nearest named color · #00902B
#00902B
Nearest named color: Emerald
#00902B (rgb(0 144 43), hsl(138 100% 28%), oklch(0.568 0.175 145.8)) is closest to the named color Emerald. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00902B
oklch(0.568 0.175 145.8)
Color conversions
- HEX
- #00902b
- RGB
- rgb(0 144 43)
- HSL
- hsl(138 100% 28%)
- HWB
- hwb(138 0% 44%)
- OKLCH
- oklch(0.568 0.175 145.8)
- OKLab
- oklab(0.568 -0.145 0.098)
- CIE Lab
- lab(52 -49.95 41.77)
- LCH
- lch(52 65.11 140.1)
- CMYK
- cmyk(100% 0% 70% 44%)
Tints · Shades · Tones
Tints
- 359B43
- 51A759
- 69B26E
- 7FBD83
- 95C897
- AAD3AC
- BFDEC0
- D5E9D5
- EAF4EA
Shades
- 007D24
- 006A1D
- 005716
- 004510
- 00340A
- 002405
- 001502
- 000701
- 000100
Tones
- 258F37
- 368E42
- 448C4B
- 4F8B53
- 59895C
- 618863
- 6A866B
- 728472
- 798279
Color harmonies
Complementary +180°
- 00902B
Emerald
- A94AAD
≈ Fuchsia Pheromone
Analogous -30° +30°
- 00902B
Emerald
- 747F00
≈ Verde Tropa
- 008B74
≈ Industrial Turquoise
Triadic +120° +240°
- 00902B
Emerald
- 456EDC
≈ Royal Blue
- C9403C
≈ 100 Mph
Split-complementary +150° +210°
- 00902B
Emerald
- 825AD0
≈ Fuchsia Blue
- C13E7B
≈ Razzle Dazzle
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 4.17:1 · APCA Lc 68
Ag
AAOn black
WCAG 5.02:1 · APCA Lc 34
Best text color: #000000
WCAG 5.02:1 (AA) · APCA Lc 34
Contrast pairs
Code snippets
CSS
:root {
--emerald: #00902b;
--emerald-rgb: 0 144 43;
--emerald-oklch: oklch(0.568 0.175 145.8);
}
.element {
color: var(--emerald);
background-color: hsl(138 100% 28%);
border-color: oklch(0.568 0.175 145.8);
}Tailwind CSS v4
@theme {
--color-emerald: #00902b;
--color-emerald-50: #d4ffd9;
--color-emerald-100: #c1f9c7;
--color-emerald-200: #a0e9aa;
--color-emerald-300: #74d083;
--color-emerald-400: #4db95a;
--color-emerald-500: #00a230;
--color-emerald-600: #09892b;
--color-emerald-700: #0a6e22;
--color-emerald-800: #0e5113;
--color-emerald-900: #09380c;
--color-emerald-950: #002301;
}SCSS
$emerald: #00902b;
$emerald-rgb: 0, 144, 43;
$emerald-light: mix(#fff, $emerald, 20%);
$emerald-dark: mix(#000, $emerald, 20%);
.element {
color: $emerald;
box-shadow: 0 0 0 2px rgba($emerald, 0.35);
}