Nearest named color · #00D275
#00D275
Nearest named color: Seaweed
#00D275 (rgb(0 210 117), hsl(153 100% 41%), oklch(0.758 0.191 153.9)) is closest to the named color Seaweed. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00D275
oklch(0.758 0.191 153.9)
Color conversions
- HEX
- #00d275
- RGB
- rgb(0 210 117)
- HSL
- hsl(153 100% 41%)
- HWB
- hwb(153 0% 18%)
- OKLCH
- oklch(0.758 0.191 153.9)
- OKLab
- oklab(0.758 -0.172 0.084)
- CIE Lab
- lab(74.37 -60.94 33.31)
- LCH
- lch(74.37 69.45 151.3)
- CMYK
- cmyk(100% 0% 44% 18%)
Tints · Shades · Tones
Tints
- 44D783
- 63DC91
- 7BE19F
- 91E6AD
- A5EABA
- B8EFC8
- CAF3D6
- DCF7E4
- EEFBF1
Shades
- 00B665
- 009B55
- 008146
- 006837
- 005029
- 00391C
- 00240F
- 001005
- 000201
Tones
- 31CA77
- 45C279
- 53BA7A
- 5EB27C
- 66A97D
- 6DA17E
- 73997E
- 78917F
- 7C8880
Color harmonies
Complementary +180°
- 00D275
Seaweed
- F67CE2
≈ Splash of Grenadine
Analogous -30° +30°
- 00D275
Seaweed
- 98C300
≈ New Limerick
- 00CBBA
≈ Pristine Oceanic
Triadic +120° +240°
- 00D275
Seaweed
- 98AAFF
≈ Widowmaker
- FF8B70
≈ Miami Coral
Split-complementary +150° +210°
- 00D275
Seaweed
- C696FF
≈ Lilás
- FF83A5
≈ Rosa
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.00:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.47:1 · APCA Lc 64
Best text color: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--seaweed: #00d275;
--seaweed-rgb: 0 210 117;
--seaweed-oklch: oklch(0.758 0.191 153.9);
}
.element {
color: var(--seaweed);
background-color: hsl(153 100% 41%);
border-color: oklch(0.758 0.191 153.9);
}Tailwind CSS v4
@theme {
--color-seaweed: #00d275;
--color-seaweed-50: #c9ffde;
--color-seaweed-100: #b3fccd;
--color-seaweed-200: #8cedb2;
--color-seaweed-300: #53d48d;
--color-seaweed-400: #00be67;
--color-seaweed-500: #00a843;
--color-seaweed-600: #008e3a;
--color-seaweed-700: #00722e;
--color-seaweed-800: #00541c;
--color-seaweed-900: #003a12;
--color-seaweed-950: #002405;
}SCSS
$seaweed: #00d275;
$seaweed-rgb: 0, 210, 117;
$seaweed-light: mix(#fff, $seaweed, 20%);
$seaweed-dark: mix(#000, $seaweed, 20%);
.element {
color: $seaweed;
box-shadow: 0 0 0 2px rgba($seaweed, 0.35);
}