Couleur nommée la plus proche · #4C8718
#4C8718
Couleur nommée la plus proche: Kelp Forest
#4C8718 (rgb(76 135 24), hsl(92 70% 31%), oklch(0.562 0.151 134.3)) est la plus proche de la couleur nommée Kelp Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4C8718
oklch(0.562 0.151 134.3)
Conversions de couleur
- HEX
- #4c8718
- RGB
- rgb(76 135 24)
- HSL
- hsl(92 70% 31%)
- HWB
- hwb(92 9% 47%)
- OKLCH
- oklch(0.562 0.151 134.3)
- OKLab
- oklab(0.562 -0.106 0.108)
- CIE Lab
- lab(50.72 -33.79 48.02)
- LCH
- lch(50.72 58.72 125.1)
- CMYK
- cmyk(44% 0% 82% 47%)
Teintes · Ombres · Tons
Teintes
- 5E9338
- 6F9F50
- 80AB66
- 92B77C
- A4C392
- B6CFA7
- C8DBBD
- DAE7D3
- ECF3E9
Ombres
- 417513
- 36630F
- 2C510A
- 224107
- 183104
- 0F2102
- 061301
- 020600
- 000100
Tons
- 52872A
- 588638
- 5D8643
- 63854D
- 688556
- 6D845F
- 728368
- 778270
- 7B8178
Harmonies de couleurs
Complémentaire +180°
- 4C8718
Kelp Forest
- 9555B2
≈ Liberal Lilac
Analogue -30° +30°
- 4C8718
Kelp Forest
- 817800
≈ Tool Green
- 008A62
≈ Absinthe Turquoise
Triadique +120° +240°
- 4C8718
Kelp Forest
- 2A75CB
≈ Blue-Eyed Boy
- BC4759
≈ Thai Spice
Complémentaire divisée +150° +210°
- 4C8718
Kelp Forest
- 6D64C9
≈ Dark Periwinkle
- AF4A8A
≈ Purple Orchid
Tétradique +90° +180° +270°
- 4C8718
Kelp Forest
- 0081A3
≈ Ahoy! Blue
- 9555B2
≈ Liberal Lilac
- BA5117
≈ Taisha Brown
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.38:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.78:1 · APCA Lc 32
Meilleure couleur de texte: #000000
WCAG 4.78:1 (AA) · APCA Lc 32
Contrast pairs
Extraits de code
CSS
:root {
--kelp-forest: #4c8718;
--kelp-forest-rgb: 76 135 24;
--kelp-forest-oklch: oklch(0.562 0.151 134.3);
}
.element {
color: var(--kelp-forest);
background-color: hsl(92 70% 31%);
border-color: oklch(0.562 0.151 134.3);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #4c8718;
--color-kelp-forest-50: #e2ffd5;
--color-kelp-forest-100: #d1f4c2;
--color-kelp-forest-200: #b7e4a3;
--color-kelp-forest-300: #93c97b;
--color-kelp-forest-400: #77b150;
--color-kelp-forest-500: #589b1e;
--color-kelp-forest-600: #4b831d;
--color-kelp-forest-700: #3c6917;
--color-kelp-forest-800: #2d4d0a;
--color-kelp-forest-900: #1f3507;
--color-kelp-forest-950: #0e2000;
}SCSS
$kelp-forest: #4c8718;
$kelp-forest-rgb: 76, 135, 24;
$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);
}