Colore con nome · #CD0317
Re-Entry Red
Re-Entry Red è #CD0317: rgb(205 3 23), hsl(354 97% 41%), oklch(0.534 0.217 26.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Re-Entry Red color name →
#CD0317
oklch(0.534 0.217 26.9)
Conversioni di colore
- HEX
- #cd0317
- RGB
- rgb(205 3 23)
- HSL
- hsl(354 97% 41%)
- HWB
- hwb(354 1% 20%)
- OKLCH
- oklch(0.534 0.217 26.9)
- OKLab
- oklab(0.534 0.193 0.098)
- CIE Lab
- lab(43.8 68.45 50.86)
- LCH
- lch(43.8 85.28 36.6)
- CMYK
- cmyk(0% 99% 89% 20%)
Tinte · Ombre · Toni
Tinte
- D63834
- DE544C
- E56C62
- EB8378
- F1988E
- F5ADA4
- F9C2BA
- FCD6D1
- FEEBE8
Ombre
- B20212
- 98020E
- 7E010A
- 660106
- 4E0004
- 380002
- 230001
- 0F0000
- 020000
Toni
- C72827
- C13A34
- BB473F
- B4524A
- AD5B53
- A6645D
- 9D6C66
- 95736F
- 8B7A77
Armonie di colore
Complementare +180°
- CD0317
Re-Entry Red
- 007C88
≈ Cote D’Azur
Analogo -30° +30°
- CD0317
Re-Entry Red
- C4046F
≈ Purple Anxiety
- A35600
≈ Windsor Brown
Triadico +120° +240°
- CD0317
Re-Entry Red
- 00842D
≈ Broccoli Paradise
- 355BE8
≈ Veteran’s Day Blue
Complementare divisa +150° +210°
- CD0317
Re-Entry Red
- 007F6C
≈ Mediaeval Forest
- 0076A7
≈ Summer Lake
Tetradico +90° +180° +270°
- CD0317
Re-Entry Red
- 697500
≈ Topiary Green
- 007C88
≈ Cote D’Azur
- 7E41D8
≈ Hokkaido Lavender
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.79:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.62:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.79:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--re-entry-red: #cd0317;
--re-entry-red-rgb: 205 3 23;
--re-entry-red-oklch: oklch(0.534 0.217 26.9);
}
.element {
color: var(--re-entry-red);
background-color: hsl(354 97% 41%);
border-color: oklch(0.534 0.217 26.9);
}Tailwind CSS v4
@theme {
--color-re-entry-red: #cd0317;
--color-re-entry-red-50: #ffded2;
--color-re-entry-red-100: #ffcdbe;
--color-re-entry-red-200: #ffaf9e;
--color-re-entry-red-300: #ff8775;
--color-re-entry-red-400: #ff5d53;
--color-re-entry-red-500: #f52228;
--color-re-entry-red-600: #cf2224;
--color-re-entry-red-700: #a61c1d;
--color-re-entry-red-800: #7c1117;
--color-re-entry-red-900: #580b0f;
--color-re-entry-red-950: #3b0003;
}SCSS
$re-entry-red: #cd0317;
$re-entry-red-rgb: 205, 3, 23;
$re-entry-red-light: mix(#fff, $re-entry-red, 20%);
$re-entry-red-dark: mix(#000, $re-entry-red, 20%);
.element {
color: $re-entry-red;
box-shadow: 0 0 0 2px rgba($re-entry-red, 0.35);
}