Nächste benannte Farbe · #26111E
#26111E
Nächste benannte Farbe: Black Cherry
#26111E (rgb(38 17 30), hsl(323 38% 11%), oklch(0.214 0.041 343.3)) liegt am nächsten an der benannten Farbe Black Cherry. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#26111E
oklch(0.214 0.041 343.3)
Farbumrechnungen
- HEX
- #26111e
- RGB
- rgb(38 17 30)
- HSL
- hsl(323 38% 11%)
- HWB
- hwb(323 7% 85%)
- OKLCH
- oklch(0.214 0.041 343.3)
- OKLab
- oklab(0.214 0.039 -0.012)
- CIE Lab
- lab(8.23 12.9 -4.29)
- LCH
- lch(8.23 13.59 341.6)
- CMYK
- cmyk(0% 55% 21% 85%)
Tints · Shades · Tones
Tints
- 392531
- 4D3944
- 614F59
- 76666F
- 8C7E85
- A2969D
- B8AFB4
- CFC9CD
- E7E4E6
Shades
- 200D19
- 190913
- 13060E
- 0D0409
- 080205
- 040103
- 020001
- 010000
- 000000
Tones
- 2F1B27
- 372530
- 403039
- 493A43
- 52454C
- 5B5156
- 645C60
- 6D686B
- 777475
Farbharmonien
Komplementär +180°
- 26111E
Black Cherry
- 031F14
≈ Clock Chimes Thirteen
Analog -30° +30°
- 26111E
Black Cherry
- 201326
≈ Inside
- 291114
≈ Dark Danger
Triadisch +120° +240°
- 26111E
Black Cherry
- 1D1A02
≈ Noir Mystique
- 001D27
≈ Oxford by Night
Geteilt komplementär +150° +210°
- 26111E
Black Cherry
- 111D09
≈ Nightmare
- 001E1E
≈ Stellar Explorer
Tetradisch +90° +180° +270°
- 26111E
Black Cherry
- 241602
≈ Cannon Black
- 031F14
≈ Clock Chimes Thirteen
- 0B1A2B
≈ Oxford by Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.77:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.18:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.77:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--black-cherry: #26111e;
--black-cherry-rgb: 38 17 30;
--black-cherry-oklch: oklch(0.214 0.041 343.3);
}
.element {
color: var(--black-cherry);
background-color: hsl(323 38% 11%);
border-color: oklch(0.214 0.041 343.3);
}Tailwind CSS v4
@theme {
--color-black-cherry: #26111e;
--color-black-cherry-50: #fef1f8;
--color-black-cherry-100: #f3e3eb;
--color-black-cherry-200: #e2ced8;
--color-black-cherry-300: #c8afbc;
--color-black-cherry-400: #b195a5;
--color-black-cherry-500: #9a7c8d;
--color-black-cherry-600: #826977;
--color-black-cherry-700: #695460;
--color-black-cherry-800: #4d3d47;
--color-black-cherry-900: #352a31;
--color-black-cherry-950: #20171d;
}SCSS
$black-cherry: #26111e;
$black-cherry-rgb: 38, 17, 30;
$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);
}