Couleur nommée la plus proche · #30381C
#30381C
Couleur nommée la plus proche: Darkest Forest
#30381C (rgb(48 56 28), hsl(77 33% 16%), oklch(0.325 0.047 122.1)) 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.
#30381C
oklch(0.325 0.047 122.1)
Conversions de couleur
- HEX
- #30381c
- RGB
- rgb(48 56 28)
- HSL
- hsl(77 33% 16%)
- HWB
- hwb(77 11% 78%)
- OKLCH
- oklch(0.325 0.047 122.1)
- OKLab
- oklab(0.325 -0.025 0.04)
- CIE Lab
- lab(22.17 -7.66 16.27)
- LCH
- lch(22.17 17.98 115.2)
- CMYK
- cmyk(14% 0% 50% 78%)
Teintes · Ombres · Tons
Teintes
- 424A30
- 545C44
- 686E59
- 7C826F
- 909686
- A5AA9D
- BBBEB5
- D1D4CD
- E8E9E6
Ombres
- 282F17
- 212712
- 1A1F0D
- 131708
- 0C0F05
- 060802
- 030401
- 010100
- 000000
Tons
- 373F26
- 3F462F
- 474D39
- 4E5443
- 565B4D
- 5E6257
- 676A61
- 6F716B
- 777875
Harmonies de couleurs
Complémentaire +180°
- 30381C
Darkest Forest
- 392E48
≈ Obsidian Lava Black
Analogue -30° +30°
- 30381C
Darkest Forest
- 3D3316
≈ Pullman Green
- 213B28
≈ Palm Green
Triadique +120° +240°
- 30381C
Darkest Forest
- 1D374A
≈ Subterranean River
- 482A32
≈ Wine Tasting
Complémentaire divisée +150° +210°
- 30381C
Darkest Forest
- 2C334C
≈ Bunting
- 422B3F
≈ Barossa
Tétradique +90° +180° +270°
- 30381C
Darkest Forest
- 113A42
≈ Ghostlands Coal
- 392E48
≈ Obsidian Lava Black
- 492B25
≈ Brown Coffee
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.29:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.70:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.29:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
CSS
:root {
--darkest-forest: #30381c;
--darkest-forest-rgb: 48 56 28;
--darkest-forest-oklch: oklch(0.325 0.047 122.1);
}
.element {
color: var(--darkest-forest);
background-color: hsl(77 33% 16%);
border-color: oklch(0.325 0.047 122.1);
}Tailwind CSS v4
@theme {
--color-darkest-forest: #30381c;
--color-darkest-forest-50: #f2f8e9;
--color-darkest-forest-100: #e4ebda;
--color-darkest-forest-200: #d0d8c2;
--color-darkest-forest-300: #b2bca2;
--color-darkest-forest-400: #99a385;
--color-darkest-forest-500: #818b69;
--color-darkest-forest-600: #6d7659;
--color-darkest-forest-700: #575e47;
--color-darkest-forest-800: #404533;
--color-darkest-forest-900: #2c3022;
--color-darkest-forest-950: #191c12;
}SCSS
$darkest-forest: #30381c;
$darkest-forest-rgb: 48, 56, 28;
$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);
}