Colore con nome · #C93543
Red Icon
Red Icon è #C93543: rgb(201 53 67), hsl(354 58% 50%), oklch(0.558 0.184 20.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Red Icon color name →
#C93543
oklch(0.558 0.184 20.6)
Conversioni di colore
- HEX
- #c93543
- RGB
- rgb(201 53 67)
- HSL
- hsl(354 58% 50%)
- HWB
- hwb(354 21% 21%)
- OKLCH
- oklch(0.558 0.184 20.6)
- OKLab
- oklab(0.558 0.172 0.065)
- CIE Lab
- lab(46.83 58.88 28.9)
- LCH
- lch(46.83 65.59 26.1)
- CMYK
- cmyk(0% 74% 67% 21%)
Tinte · Ombre · Toni
Tinte
- D14E55
- D96467
- E07979
- E68C8C
- ECA09E
- F1B3B1
- F6C6C4
- FAD9D7
- FDECEB
Ombre
- AE2D39
- 95252F
- 7C1D26
- 64151D
- 4C0E14
- 36080C
- 220305
- 0F0101
- 020000
Toni
- C3414A
- BD4B50
- B75456
- B15C5D
- AA6363
- A36A69
- 9B706F
- 937574
- 8A7B7A
Armonie di colore
Complementare +180°
- C93543
Red Icon
- 00848A
≈ Tucson Teal
Analogo -30° +30°
- C93543
Red Icon
- BD3782
≈ Very Berry
- B55500
≈ Obscure Orange
Triadico +120° +240°
- C93543
Red Icon
- 238C00
≈ Diamine Green
- 2D6DDD
≈ Enchanting Sapphire
Complementare divisa +150° +210°
- C93543
Red Icon
- 00886B
≈ Celtic Queen
- 007FA9
≈ Oh so Vo
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.15:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.07:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 5.15:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--red-icon: #c93543;
--red-icon-rgb: 201 53 67;
--red-icon-oklch: oklch(0.558 0.184 20.6);
}
.element {
color: var(--red-icon);
background-color: hsl(354 58% 50%);
border-color: oklch(0.558 0.184 20.6);
}Tailwind CSS v4
@theme {
--color-red-icon: #c93543;
--color-red-icon-50: #ffe1dd;
--color-red-icon-100: #ffd0cc;
--color-red-icon-200: #ffb4b0;
--color-red-icon-300: #ff8e8b;
--color-red-icon-400: #f86a6f;
--color-red-icon-500: #e6404f;
--color-red-icon-600: #c33843;
--color-red-icon-700: #9d2d36;
--color-red-icon-800: #751e28;
--color-red-icon-900: #53141b;
--color-red-icon-950: #37050c;
}SCSS
$red-icon: #c93543;
$red-icon-rgb: 201, 53, 67;
$red-icon-light: mix(#fff, $red-icon, 20%);
$red-icon-dark: mix(#000, $red-icon, 20%);
.element {
color: $red-icon;
box-shadow: 0 0 0 2px rgba($red-icon, 0.35);
}