Dichtstbijzijnde benoemde kleur · #30381C
#30381C
Dichtstbijzijnde benoemde kleur: Darkest Forest
#30381C (rgb(48 56 28), hsl(77 33% 16%), oklch(0.325 0.047 122.1)) komt het dichtst bij de benoemde kleur Darkest Forest. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#30381C
oklch(0.325 0.047 122.1)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 424A30
- 545C44
- 686E59
- 7C826F
- 909686
- A5AA9D
- BBBEB5
- D1D4CD
- E8E9E6
Schaduwen
- 282F17
- 212712
- 1A1F0D
- 131708
- 0C0F05
- 060802
- 030401
- 010100
- 000000
Tonen
- 373F26
- 3F462F
- 474D39
- 4E5443
- 565B4D
- 5E6257
- 676A61
- 6F716B
- 777875
Kleurharmonieën
Complementair +180°
- 30381C
Darkest Forest
- 392E48
≈ Obsidian Lava Black
Analoog -30° +30°
- 30381C
Darkest Forest
- 3D3316
≈ Pullman Green
- 213B28
≈ Palm Green
Triadisch +120° +240°
- 30381C
Darkest Forest
- 1D374A
≈ Subterranean River
- 482A32
≈ Wine Tasting
Gesplitst complementair +150° +210°
- 30381C
Darkest Forest
- 2C334C
≈ Bunting
- 422B3F
≈ Barossa
Tetradisch +90° +180° +270°
- 30381C
Darkest Forest
- 113A42
≈ Ghostlands Coal
- 392E48
≈ Obsidian Lava Black
- 492B25
≈ Brown Coffee
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 12.29:1 · APCA Lc 98
Ag
FailOp zwart
WCAG 1.70:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 12.29:1 (AAA) · APCA Lc 98
Contrast pairs
Codefragmenten
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);
}