Nächste benannte Farbe · #24121D
#24121D
Nächste benannte Farbe: Black Cherry
#24121D (rgb(36 18 29), hsl(323 33% 11%), oklch(0.212 0.035 343.1)) liegt am nächsten an der benannten Farbe Black Cherry. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#24121D
oklch(0.212 0.035 343.1)
Farbumrechnungen
- HEX
- #24121d
- RGB
- rgb(36 18 29)
- HSL
- hsl(323 33% 11%)
- HWB
- hwb(323 7% 86%)
- OKLCH
- oklch(0.212 0.035 343.1)
- OKLab
- oklab(0.212 0.034 -0.01)
- CIE Lab
- lab(8.13 11.13 -3.72)
- LCH
- lch(8.13 11.73 341.5)
- CMYK
- cmyk(0% 50% 19% 86%)
Tints · Shades · Tones
Tints
- 372530
- 4B3A44
- 5F5058
- 74666E
- 8A7E85
- A0969C
- B7B0B4
- CFC9CC
- E7E4E5
Shades
- 1E0E18
- 180A13
- 12070E
- 0C0409
- 070205
- 040103
- 020101
- 000000
- 000000
Tones
- 2D1C26
- 35262F
- 3E3038
- 473B42
- 51464C
- 5A5156
- 635C60
- 6D686B
- 767475
Farbharmonien
Komplementär +180°
- 24121D
Black Cherry
- 071E14
≈ Clock Chimes Thirteen
Analog -30° +30°
- 24121D
Black Cherry
- 1E1424
≈ Inside
- 271214
≈ Italian Roast
Triadisch +120° +240°
- 24121D
Black Cherry
- 1C1905
≈ Noir Mystique
- 031C25
≈ Creeping Death
Geteilt komplementär +150° +210°
- 24121D
Black Cherry
- 121C0B
≈ Pinch of Pepper
- 011E1D
≈ Stellar Explorer
Tetradisch +90° +180° +270°
- 24121D
Black Cherry
- 231605
≈ Cannon Black
- 071E14
≈ Clock Chimes Thirteen
- 0D1A29
≈ Oxford by Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.80:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.17:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--black-cherry: #24121d;
--black-cherry-rgb: 36 18 29;
--black-cherry-oklch: oklch(0.212 0.035 343.1);
}
.element {
color: var(--black-cherry);
background-color: hsl(323 33% 11%);
border-color: oklch(0.212 0.035 343.1);
}Tailwind CSS v4
@theme {
--color-black-cherry: #24121d;
--color-black-cherry-50: #fdf1f7;
--color-black-cherry-100: #f1e3ea;
--color-black-cherry-200: #e0cfd8;
--color-black-cherry-300: #c5b1bb;
--color-black-cherry-400: #ae97a4;
--color-black-cherry-500: #987d8c;
--color-black-cherry-600: #806a77;
--color-black-cherry-700: #67555f;
--color-black-cherry-800: #4b3e46;
--color-black-cherry-900: #342a30;
--color-black-cherry-950: #20181d;
}SCSS
$black-cherry: #24121d;
$black-cherry-rgb: 36, 18, 29;
$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);
}