Nearest named color · #39880F
#39880F
Nearest named color: Kelp Forest
#39880F (rgb(57 136 15), hsl(99 80% 30%), oklch(0.555 0.165 138.1)) is closest to the named color Kelp Forest. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#39880F
oklch(0.555 0.165 138.1)
Color conversions
- HEX
- #39880f
- RGB
- rgb(57 136 15)
- HSL
- hsl(99 80% 30%)
- HWB
- hwb(99 6% 47%)
- OKLCH
- oklch(0.555 0.165 138.1)
- OKLab
- oklab(0.555 -0.123 0.111)
- CIE Lab
- lab(50.2 -40.43 49.48)
- LCH
- lch(50.2 63.9 129.2)
- CMYK
- cmyk(58% 0% 89% 47%)
Tints · Shades · Tones
Tints
- 4F9433
- 63A04D
- 76AC64
- 8AB87A
- 9DC490
- B0D0A6
- C4DBBC
- D7E7D2
- EBF3E8
Shades
- 30750B
- 286308
- 1F5205
- 174103
- 103102
- 092201
- 041300
- 010600
- 000100
Tones
- 428826
- 4B8734
- 538740
- 5A864B
- 618555
- 68855E
- 6E8467
- 74836F
- 7A8178
Color harmonies
Complementary +180°
- 39880F
Kelp Forest
- 9A4DB0
≈ Purpureus
Analogous -30° +30°
- 39880F
Kelp Forest
- 7A7700
≈ Mongolian Plateau
- 008866
≈ Spectral Green
Triadic +120° +240°
- 39880F
Kelp Forest
- 2C70D2
≈ Enchanting Sapphire
- C13E4D
≈ Poppy
Split-complementary +150° +210°
- 39880F
Kelp Forest
- 715DCD
≈ Astro Purple
- B44184
≈ Orchid Ecstasy
Tetradic +90° +180° +270°
- 39880F
Kelp Forest
- 007EA5
≈ Kingfisher Sheen
- 9A4DB0
≈ Purpureus
- B75100
≈ Obscure Orange
Contrast & accessibility
Ag
FailOn white
WCAG 4.46:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.70:1 · APCA Lc 31
Best text color: #000000
WCAG 4.70:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--kelp-forest: #39880f;
--kelp-forest-rgb: 57 136 15;
--kelp-forest-oklch: oklch(0.555 0.165 138.1);
}
.element {
color: var(--kelp-forest);
background-color: hsl(99 80% 30%);
border-color: oklch(0.555 0.165 138.1);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #39880f;
--color-kelp-forest-50: #ddffd5;
--color-kelp-forest-100: #cbf6c2;
--color-kelp-forest-200: #aee6a2;
--color-kelp-forest-300: #88cc7a;
--color-kelp-forest-400: #69b54e;
--color-kelp-forest-500: #459e18;
--color-kelp-forest-600: #3c8619;
--color-kelp-forest-700: #2f6b14;
--color-kelp-forest-800: #254e07;
--color-kelp-forest-900: #183705;
--color-kelp-forest-950: #092100;
}SCSS
$kelp-forest: #39880f;
$kelp-forest-rgb: 57, 136, 15;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}