Couleur nommée la plus proche · #323921
#323921
Couleur nommée la plus proche: Darkest Forest
#323921 (rgb(50 57 33), hsl(78 27% 18%), oklch(0.331 0.041 121.9)) est la plus proche de la couleur nommée Darkest Forest. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#323921
oklch(0.331 0.041 121.9)
Conversions de couleur
- HEX
- #323921
- RGB
- rgb(50 57 33)
- HSL
- hsl(78 27% 18%)
- HWB
- hwb(78 13% 78%)
- OKLCH
- oklch(0.331 0.041 121.9)
- OKLab
- oklab(0.331 -0.022 0.035)
- CIE Lab
- lab(22.78 -6.72 13.94)
- LCH
- lch(22.78 15.48 115.7)
- CMYK
- cmyk(12% 0% 42% 78%)
Teintes · Ombres · Tons
Teintes
- 444A34
- 565C48
- 696F5D
- 7D8272
- 929688
- A6AA9F
- BCBFB6
- D2D4CE
- E8E9E6
Ombres
- 2A301B
- 222816
- 1B1F10
- 14170B
- 0D1006
- 070903
- 030401
- 010100
- 000000
Tons
- 39402A
- 414733
- 484D3C
- 505446
- 575B4F
- 5F6359
- 676A62
- 6F716C
- 787976
Harmonies de couleurs
Complémentaire +180°
- 323921
Darkest Forest
- 393147
≈ Chrysomela Goettingensis
Analogue -30° +30°
- 323921
Darkest Forest
- 3D351C
≈ LeChuck’s Beard
- 253C2B
≈ Palm Green
Triadique +120° +240°
- 323921
Darkest Forest
- 223849
≈ In the Navy
- 472D34
≈ Ripe Eggplant
Complémentaire divisée +150° +210°
- 323921
Darkest Forest
- 2E344B
≈ Bunting
- 422E3F
≈ Barossa
Tétradique +90° +180° +270°
- 323921
Darkest Forest
- 1A3B42
≈ Royal Neptune
- 393147
≈ Chrysomela Goettingensis
- 482E28
≈ Barako Brew
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.04:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.74:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--darkest-forest: #323921;
--darkest-forest-rgb: 50 57 33;
--darkest-forest-oklch: oklch(0.331 0.041 121.9);
}
.element {
color: var(--darkest-forest);
background-color: hsl(78 27% 18%);
border-color: oklch(0.331 0.041 121.9);
}Tailwind CSS v4
@theme {
--color-darkest-forest: #323921;
--color-darkest-forest-50: #f2f7eb;
--color-darkest-forest-100: #e5eadc;
--color-darkest-forest-200: #d0d7c5;
--color-darkest-forest-300: #b3bba5;
--color-darkest-forest-400: #9aa388;
--color-darkest-forest-500: #818b6d;
--color-darkest-forest-600: #6e755c;
--color-darkest-forest-700: #585e4a;
--color-darkest-forest-800: #404535;
--color-darkest-forest-900: #2c2f24;
--color-darkest-forest-950: #191c13;
}SCSS
$darkest-forest: #323921;
$darkest-forest-rgb: 50, 57, 33;
$darkest-forest-light: mix(#fff, $darkest-forest, 20%);
$darkest-forest-dark: mix(#000, $darkest-forest, 20%);
.element {
color: $darkest-forest;
box-shadow: 0 0 0 2px rgba($darkest-forest, 0.35);
}