Couleur nommée · #F35B53
Hot Coral
Hot Coral correspond à #F35B53 : rgb(243 91 83), hsl(3 87% 64%), oklch(0.67 0.188 26.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Hot Coral color name →
#F35B53
oklch(0.67 0.188 26.4)
Conversions de couleur
- HEX
- #f35b53
- RGB
- rgb(243 91 83)
- HSL
- hsl(3 87% 64%)
- HWB
- hwb(3 33% 5%)
- OKLCH
- oklch(0.67 0.188 26.4)
- OKLab
- oklab(0.67 0.169 0.084)
- CIE Lab
- lab(59.86 58.98 37.25)
- LCH
- lch(59.86 69.76 32.3)
- CMYK
- cmyk(0% 63% 66% 5%)
Teintes · Ombres · Tons
Teintes
- F76E64
- FA8076
- FD9187
- FFA197
- FFB1A8
- FFC1BA
- FFD1CB
- FFE0DC
- FFF0ED
Ombres
- D34E47
- B4413B
- 973530
- 7A2925
- 5E1E1B
- 441311
- 2B0908
- 140302
- 030000
Tons
- E96159
- DE675E
- D36C63
- C87067
- BD746C
- B27770
- A67A74
- 9A7C78
- 8D7E7C
Harmonies de couleurs
Complémentaire +180°
- F35B53
Hot Coral
- 00A9B8
≈ Bluebird
Analogue -30° +30°
- F35B53
Hot Coral
- EA5998
≈ Tutuji Pink
- DE7500
≈ Orange Outburst
Triadique +120° +240°
- F35B53
Hot Coral
- 26B246
≈ Billiards Cloth
- 648EFF
≈ Deep Denim
Complémentaire divisée +150° +210°
- F35B53
Hot Coral
- 00AE93
≈ Hobgoblin
- 00A1E2
≈ Vanadyl Blue
Tétradique +90° +180° +270°
- F35B53
Hot Coral
- 90A000
≈ Noxious
- 00A9B8
≈ Bluebird
- A276F9
≈ Purple Illusionist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.26:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.43:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.43:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--hot-coral: #f35b53;
--hot-coral-rgb: 243 91 83;
--hot-coral-oklch: oklch(0.67 0.188 26.4);
}
.element {
color: var(--hot-coral);
background-color: hsl(3 87% 64%);
border-color: oklch(0.67 0.188 26.4);
}Tailwind CSS v4
@theme {
--color-hot-coral: #f35b53;
--color-hot-coral-50: #ffe2d7;
--color-hot-coral-100: #ffd1c4;
--color-hot-coral-200: #ffb5a6;
--color-hot-coral-300: #ff8f7f;
--color-hot-coral-400: #fa6960;
--color-hot-coral-500: #e93f3c;
--color-hot-coral-600: #c43734;
--color-hot-coral-700: #9e2c29;
--color-hot-coral-800: #761e1f;
--color-hot-coral-900: #531414;
--color-hot-coral-950: #370406;
}SCSS
$hot-coral: #f35b53;
$hot-coral-rgb: 243, 91, 83;
$hot-coral-light: mix(#fff, $hot-coral, 20%);
$hot-coral-dark: mix(#000, $hot-coral, 20%);
.element {
color: $hot-coral;
box-shadow: 0 0 0 2px rgba($hot-coral, 0.35);
}