Dichtstbijzijnde benoemde kleur · #223600
#223600
Dichtstbijzijnde benoemde kleur: Darkest Forest
#223600 (rgb(34 54 0), hsl(82 100% 11%), oklch(0.304 0.08 128.8)) 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.
#223600
oklch(0.304 0.08 128.8)
Kleurconversies
- HEX
- #223600
- RGB
- rgb(34 54 0)
- HSL
- hsl(82 100% 11%)
- HWB
- hwb(82 0% 79%)
- OKLCH
- oklch(0.304 0.08 128.8)
- OKLab
- oklab(0.304 -0.05 0.063)
- CIE Lab
- lab(20.05 -15.34 27.38)
- LCH
- lch(20.05 31.38 119.3)
- CMYK
- cmyk(37% 0% 100% 79%)
Tinten · Schaduwen · Tonen
Tinten
- 35481B
- 485A33
- 5D6D4B
- 728163
- 88957B
- 9FA994
- B6BEAE
- CED3C8
- E6E9E3
Schaduwen
- 1C2E00
- 162500
- 111E00
- 0B1600
- 070F00
- 030800
- 010300
- 000100
- 000000
Tonen
- 2B3D10
- 33441E
- 3C4C2A
- 465337
- 4F5A43
- 58624F
- 62695B
- 6C7167
- 767873
Kleurharmonieën
Complementair +180°
- 223600
Darkest Forest
- 3B224D
≈ Powerful Violet
Analoog -30° +30°
- 223600
Darkest Forest
- 372F00
≈ Swamp of Sorrows
- 003921
≈ Off-Road Green
Triadisch +120° +240°
- 223600
Darkest Forest
- 033055
≈ Effervescent Blue
- 4F1A26
≈ Vino Tinto
Gesplitst complementair +150° +210°
- 223600
Darkest Forest
- 272956
≈ Ceremonial Purple
- 481C3C
≈ Chilli Black Red
Tetradisch +90° +180° +270°
- 223600
Darkest Forest
- 003541
≈ Natural Indigo
- 3B224D
≈ Powerful Violet
- 4F1D0C
≈ Chocolate Rush
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 13.16:1 · APCA Lc 99
Ag
FailOp zwart
WCAG 1.59:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 13.16:1 (AAA) · APCA Lc 99
Contrast pairs
Codefragmenten
CSS
:root {
--darkest-forest: #223600;
--darkest-forest-rgb: 34 54 0;
--darkest-forest-oklch: oklch(0.304 0.08 128.8);
}
.element {
color: var(--darkest-forest);
background-color: hsl(82 100% 11%);
border-color: oklch(0.304 0.08 128.8);
}Tailwind CSS v4
@theme {
--color-darkest-forest: #223600;
--color-darkest-forest-50: #edfae3;
--color-darkest-forest-100: #dfeed2;
--color-darkest-forest-200: #c8dcb8;
--color-darkest-forest-300: #a9c095;
--color-darkest-forest-400: #90a875;
--color-darkest-forest-500: #769156;
--color-darkest-forest-600: #647a49;
--color-darkest-forest-700: #50623a;
--color-darkest-forest-800: #3b4828;
--color-darkest-forest-900: #28321b;
--color-darkest-forest-950: #161d0b;
}SCSS
$darkest-forest: #223600;
$darkest-forest-rgb: 34, 54, 0;
$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);
}