Benannte Farbe · #CB6649
Enshūcha Red
Enshūcha Red ist #CB6649: rgb(203 102 73), hsl(13 56% 54%), oklch(0.624 0.136 36.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Enshūcha Red color name →
#CB6649
oklch(0.624 0.136 36.9)
Farbumrechnungen
- HEX
- #cb6649
- RGB
- rgb(203 102 73)
- HSL
- hsl(13 56% 54%)
- HWB
- hwb(13 29% 20%)
- OKLCH
- oklch(0.624 0.136 36.9)
- OKLab
- oklab(0.624 0.108 0.081)
- CIE Lab
- lab(55.29 39.27 35.55)
- LCH
- lch(55.29 52.97 42.2)
- CMYK
- cmyk(0% 50% 64% 20%)
Tints · Shades · Tones
Tints
- D2765B
- D8856D
- DE957F
- E4A491
- E9B3A3
- EEC2B5
- F3D1C7
- F7E0DA
- FBF0EC
Shades
- B0583E
- 964A34
- 7D3C2A
- 652F20
- 4D2317
- 37170E
- 220C06
- 0F0402
- 020000
Tones
- C46A50
- BD6D56
- B6705C
- AF7361
- A87667
- A1786C
- 997A71
- 917C76
- 897E7B
Farbharmonien
Komplementär +180°
- CB6649
Enshūcha Red
- 0097B3
≈ Bondi Blue
Analog -30° +30°
- CB6649
Enshūcha Red
- CA6079
≈ Cherry Pink
- BD740A
≈ Caramel Coating
Triadisch +120° +240°
- CB6649
Enshūcha Red
- 279F65
≈ Biel-Tan Green
- 737ED8
≈ Tanzine
Geteilt komplementär +150° +210°
- CB6649
Enshūcha Red
- 009C92
≈ Caribbean Turquoise
- 358DD4
≈ Magical Merlin
Tetradisch +90° +180° +270°
- CB6649
Enshūcha Red
- 719630
≈ Siskin Sprout
- 0097B3
≈ Bondi Blue
- 9D6FC7
≈ Lilac Bush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.79:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.53:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--enshucha-red: #cb6649;
--enshucha-red-rgb: 203 102 73;
--enshucha-red-oklch: oklch(0.624 0.136 36.9);
}
.element {
color: var(--enshucha-red);
background-color: hsl(13 56% 54%);
border-color: oklch(0.624 0.136 36.9);
}Tailwind CSS v4
@theme {
--color-enshucha-red: #cb6649;
--color-enshucha-red-50: #ffe9d9;
--color-enshucha-red-100: #ffd9c7;
--color-enshucha-red-200: #ffc1aa;
--color-enshucha-red-300: #f39f83;
--color-enshucha-red-400: #e28063;
--color-enshucha-red-500: #cf6040;
--color-enshucha-red-600: #af5237;
--color-enshucha-red-700: #8d412c;
--color-enshucha-red-800: #692e20;
--color-enshucha-red-900: #4a1f15;
--color-enshucha-red-950: #300e07;
}SCSS
$enshucha-red: #cb6649;
$enshucha-red-rgb: 203, 102, 73;
$enshucha-red-light: mix(#fff, $enshucha-red, 20%);
$enshucha-red-dark: mix(#000, $enshucha-red, 20%);
.element {
color: $enshucha-red;
box-shadow: 0 0 0 2px rgba($enshucha-red, 0.35);
}