Colore con nome · #B22743
Cherryade
Cherryade è #B22743: rgb(178 39 67), hsl(348 64% 43%), oklch(0.506 0.174 15.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cherryade color name →
#B22743
oklch(0.506 0.174 15.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- BD4354
- C65A66
- D06F78
- D8848A
- E0989D
- E8ADB0
- EFC1C3
- F5D6D7
- FAEAEB
Ombre
- 9A2039
- 831A2F
- 6D1426
- 570E1D
- 430814
- 2F040C
- 1D0205
- 0C0101
- 010000
Toni
- AF3649
- AB414F
- A74B55
- A3545C
- 9F5C62
- 9A6468
- 946C6E
- 8E7374
- 87797A
Armonie di colore
Complementare +180°
- B22743
Cherryade
- 007474
≈ Skobeloff
Analogo -30° +30°
- B22743
Cherryade
- A52D7B
≈ Festival Fuchsia
- A44300
≈ Powdered Coffee
Triadico +120° +240°
- B22743
Cherryade
- 3A7600
≈ Gardens Sericourt
- 0062C2
≈ Amnesia Blue
Complementare divisa +150° +210°
- B22743
Cherryade
- 007756
≈ Victoria Peak
- 00708E
≈ Teal Tune
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.43:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.26:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
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);
}