Colore con nome · #CF4944
Race Car Stripe
Race Car Stripe è #CF4944: rgb(207 73 68), hsl(2 59% 54%), oklch(0.589 0.171 25.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Race Car Stripe color name →
#CF4944
oklch(0.589 0.171 25.9)
Conversioni di colore
- HEX
- #cf4944
- RGB
- rgb(207 73 68)
- HSL
- hsl(2 59% 54%)
- HWB
- hwb(2 27% 19%)
- OKLCH
- oklch(0.589 0.171 25.9)
- OKLab
- oklab(0.589 0.153 0.075)
- CIE Lab
- lab(50.7 53.56 33.21)
- LCH
- lch(50.7 63.01 31.8)
- CMYK
- cmyk(0% 65% 67% 19%)
Tinte · Ombre · Toni
Tinte
- D65E56
- DD7169
- E3837B
- E9958D
- EEA7A0
- F3B9B2
- F7CAC5
- FADCD8
- FDEDEB
Ombre
- B43E3A
- 993430
- 7F2A26
- 67201D
- 4F1714
- 380E0C
- 230605
- 100202
- 020000
Toni
- C8514B
- C25852
- BB5F58
- B3655E
- AC6A64
- A46F6A
- 9C746F
- 937875
- 8A7C7B
Armonie di colore
Complementare +180°
- CF4944
Race Car Stripe
- 008E9A
≈ Coral Coast
Analogo -30° +30°
- CF4944
Race Car Stripe
- C74781
≈ Smitten
- BC6200
≈ Fire Ant
Triadico +120° +240°
- CF4944
Race Car Stripe
- 1B9635
≈ Peppermint Toad
- 4D75E1
≈ Skies of Cyberspace
Complementare divisa +150° +210°
- CF4944
Race Car Stripe
- 00927A
≈ Aqua Waters
- 0087BE
≈ Forget-Me-Not
Tetradico +90° +180° +270°
- CF4944
Race Car Stripe
- 7A8600
≈ Elwynn Forest Olive
- 008E9A
≈ Coral Coast
- 8862D5
≈ Amethyst
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.47:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.68:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.68:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--race-car-stripe: #cf4944;
--race-car-stripe-rgb: 207 73 68;
--race-car-stripe-oklch: oklch(0.589 0.171 25.9);
}
.element {
color: var(--race-car-stripe);
background-color: hsl(2 59% 54%);
border-color: oklch(0.589 0.171 25.9);
}Tailwind CSS v4
@theme {
--color-race-car-stripe: #cf4944;
--color-race-car-stripe-50: #ffe3da;
--color-race-car-stripe-100: #ffd3c8;
--color-race-car-stripe-200: #ffb8ac;
--color-race-car-stripe-300: #ff9386;
--color-race-car-stripe-400: #f27068;
--color-race-car-stripe-500: #e14a46;
--color-race-car-stripe-600: #be403c;
--color-race-car-stripe-700: #993330;
--color-race-car-stripe-800: #722324;
--color-race-car-stripe-900: #501818;
--color-race-car-stripe-950: #350709;
}SCSS
$race-car-stripe: #cf4944;
$race-car-stripe-rgb: 207, 73, 68;
$race-car-stripe-light: mix(#fff, $race-car-stripe, 20%);
$race-car-stripe-dark: mix(#000, $race-car-stripe, 20%);
.element {
color: $race-car-stripe;
box-shadow: 0 0 0 2px rgba($race-car-stripe, 0.35);
}