Benannte Farbe · #B22743
Cherryade
Cherryade ist #B22743: rgb(178 39 67), hsl(348 64% 43%), oklch(0.506 0.174 15.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cherryade color name →
#B22743
oklch(0.506 0.174 15.3)
Farbumrechnungen
- HEX
- #b22743
- RGB
- rgb(178 39 67)
- HSL
- hsl(348 64% 43%)
- HWB
- hwb(348 15% 30%)
- OKLCH
- oklch(0.506 0.174 15.3)
- OKLab
- oklab(0.506 0.168 0.046)
- CIE Lab
- lab(40.74 56.26 20.19)
- LCH
- lch(40.74 59.77 19.7)
- CMYK
- cmyk(0% 78% 62% 30%)
Tints · Shades · Tones
Tints
- BD4354
- C65A66
- D06F78
- D8848A
- E0989D
- E8ADB0
- EFC1C3
- F5D6D7
- FAEAEB
Shades
- 9A2039
- 831A2F
- 6D1426
- 570E1D
- 430814
- 2F040C
- 1D0205
- 0C0101
- 010000
Tones
- AF3649
- AB414F
- A74B55
- A3545C
- 9F5C62
- 9A6468
- 946C6E
- 8E7374
- 87797A
Farbharmonien
Komplementär +180°
- B22743
Cherryade
- 007474
≈ Skobeloff
Analog -30° +30°
- B22743
Cherryade
- A52D7B
≈ Festival Fuchsia
- A44300
≈ Powdered Coffee
Triadisch +120° +240°
- B22743
Cherryade
- 3A7600
≈ Gardens Sericourt
- 0062C2
≈ Amnesia Blue
Geteilt komplementär +150° +210°
- B22743
Cherryade
- 007756
≈ Victoria Peak
- 00708E
≈ Teal Tune
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.43:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.26:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--cherryade: #b22743;
--cherryade-rgb: 178 39 67;
--cherryade-oklch: oklch(0.506 0.174 15.3);
}
.element {
color: var(--cherryade);
background-color: hsl(348 64% 43%);
border-color: oklch(0.506 0.174 15.3);
}Tailwind CSS v4
@theme {
--color-cherryade: #b22743;
--color-cherryade-50: #ffe2e3;
--color-cherryade-100: #ffd1d3;
--color-cherryade-200: #ffb6b9;
--color-cherryade-300: #ff9097;
--color-cherryade-400: #f36d7c;
--color-cherryade-500: #e1455f;
--color-cherryade-600: #be3c51;
--color-cherryade-700: #993040;
--color-cherryade-800: #722130;
--color-cherryade-900: #501621;
--color-cherryade-950: #350610;
}SCSS
$cherryade: #b22743;
$cherryade-rgb: 178, 39, 67;
$cherryade-light: mix(#fff, $cherryade, 20%);
$cherryade-dark: mix(#000, $cherryade, 20%);
.element {
color: $cherryade;
box-shadow: 0 0 0 2px rgba($cherryade, 0.35);
}