Dichtstbijzijnde benoemde kleur · #34222D
#34222D
Dichtstbijzijnde benoemde kleur: Black Cherry
#34222D (rgb(52 34 45), hsl(323 21% 17%), oklch(0.278 0.033 342.2)) komt het dichtst bij de benoemde kleur Black Cherry. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#34222D
oklch(0.278 0.033 342.2)
Kleurconversies
- HEX
- #34222d
- RGB
- rgb(52 34 45)
- HSL
- hsl(323 21% 17%)
- HWB
- hwb(323 13% 80%)
- OKLCH
- oklch(0.278 0.033 342.2)
- OKLab
- oklab(0.278 0.031 -0.01)
- CIE Lab
- lab(15.85 10.48 -3.7)
- LCH
- lch(15.85 11.12 340.6)
- CMYK
- cmyk(0% 35% 13% 80%)
Tinten · Schaduwen · Tonen
Tinten
- 46353F
- 594852
- 6C5D65
- 7F727A
- 94888F
- A89FA4
- BDB6BA
- D3CED1
- E9E6E8
Schaduwen
- 2C1C26
- 24161F
- 1C1118
- 150B11
- 0E070B
- 070306
- 030102
- 010001
- 000000
Tonen
- 3B2B35
- 43333C
- 4A3C44
- 52454D
- 594F55
- 61585D
- 686266
- 706C6E
- 787677
Kleurharmonieën
Complementair +180°
- 34222D
Black Cherry
- 192E24
≈ Guerrilla Forest
Analoog -30° +30°
- 34222D
Black Cherry
- 2E2434
≈ Anubis Black
- 372224
≈ Antique Burgundy
Triadisch +120° +240°
- 34222D
Black Cherry
- 2C2916
≈ Maire
- 152C34
≈ Black Chasm
Gesplitst complementair +150° +210°
- 34222D
Black Cherry
- 222C1B
≈ Kuro Green
- 132E2D
≈ Guerrilla Forest
Tetradisch +90° +180° +270°
- 34222D
Black Cherry
- 332616
≈ Wetlands Swamp
- 192E24
≈ Guerrilla Forest
- 1C2A38
≈ Oceanic Noir
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 14.86:1 · APCA Lc 102
Ag
FailOp zwart
WCAG 1.41:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 14.86:1 (AAA) · APCA Lc 102
Contrast pairs
Codefragmenten
CSS
:root {
--black-cherry: #34222d;
--black-cherry-rgb: 52 34 45;
--black-cherry-oklch: oklch(0.278 0.033 342.2);
}
.element {
color: var(--black-cherry);
background-color: hsl(323 21% 17%);
border-color: oklch(0.278 0.033 342.2);
}Tailwind CSS v4
@theme {
--color-black-cherry: #34222d;
--color-black-cherry-50: #fdf2f7;
--color-black-cherry-100: #f1e4ea;
--color-black-cherry-200: #dfcfd8;
--color-black-cherry-300: #c4b1bb;
--color-black-cherry-400: #ad97a4;
--color-black-cherry-500: #967e8c;
--color-black-cherry-600: #7f6b77;
--color-black-cherry-700: #66555f;
--color-black-cherry-800: #4b3e46;
--color-black-cherry-900: #342b30;
--color-black-cherry-950: #1f181d;
}SCSS
$black-cherry: #34222d;
$black-cherry-rgb: 52, 34, 45;
$black-cherry-light: mix(#fff, $black-cherry, 20%);
$black-cherry-dark: mix(#000, $black-cherry, 20%);
.element {
color: $black-cherry;
box-shadow: 0 0 0 2px rgba($black-cherry, 0.35);
}