Nazwany kolor · #F35B53
Hot Coral
Hot Coral to #F35B53: rgb(243 91 83), hsl(3 87% 64%), oklch(0.67 0.188 26.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Hot Coral color name →
#F35B53
oklch(0.67 0.188 26.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F76E64
- FA8076
- FD9187
- FFA197
- FFB1A8
- FFC1BA
- FFD1CB
- FFE0DC
- FFF0ED
Odcienie ciemniejsze
- D34E47
- B4413B
- 973530
- 7A2925
- 5E1E1B
- 441311
- 2B0908
- 140302
- 030000
Tony
- E96159
- DE675E
- D36C63
- C87067
- BD746C
- B27770
- A67A74
- 9A7C78
- 8D7E7C
Harmonie kolorów
Komplementarna +180°
- F35B53
Hot Coral
- 00A9B8
≈ Bluebird
Analogowa -30° +30°
- F35B53
Hot Coral
- EA5998
≈ Tutuji Pink
- DE7500
≈ Orange Outburst
Triada +120° +240°
- F35B53
Hot Coral
- 26B246
≈ Billiards Cloth
- 648EFF
≈ Deep Denim
Komplementarna rozszczepiona +150° +210°
- F35B53
Hot Coral
- 00AE93
≈ Hobgoblin
- 00A1E2
≈ Vanadyl Blue
Tetrada +90° +180° +270°
- F35B53
Hot Coral
- 90A000
≈ Noxious
- 00A9B8
≈ Bluebird
- A276F9
≈ Purple Illusionist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.26:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.43:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.43:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
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);
}