Nazwany kolor · #FF7788
Heatstroke
Heatstroke to #FF7788: rgb(255 119 136), hsl(353 100% 73%), oklch(0.734 0.166 14.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Heatstroke color name →
#FF7788
oklch(0.734 0.166 14.4)
Konwersje koloru
- HEX
- #ff7788
- RGB
- rgb(255 119 136)
- HSL
- hsl(353 100% 73%)
- HWB
- hwb(353 47% 0%)
- OKLCH
- oklch(0.734 0.166 14.4)
- OKLab
- oklab(0.734 0.161 0.041)
- CIE Lab
- lab(67.25 53.88 17.27)
- LCH
- lch(67.25 56.58 17.8)
- CMYK
- cmyk(0% 53% 47% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF8693
- FF949F
- FFA2AB
- FFB0B6
- FFBDC2
- FFCBCE
- FFD8DA
- FFE5E6
- FFF2F3
Odcienie ciemniejsze
- DE6775
- BE5763
- 9E4752
- 803841
- 632A31
- 481C22
- 2E1013
- 160506
- 030101
Tony
- F37987
- E77B87
- DA7D86
- CE7E85
- C27F84
- B58084
- A88083
- 9B8082
- 8E8081
Harmonie kolorów
Komplementarna +180°
- FF7788
Heatstroke
- 00C1C0
≈ Cala Benirrás Blue
Analogowa -30° +30°
- FF7788
Heatstroke
- EF7AC2
≈ Persian Pink
- FC8147
≈ Sè Lèi Orange
Triada +120° +240°
- FF7788
Heatstroke
- 7ABF4A
≈ Taurus Forest Fern
- 67ACFF
≈ Fennel Flower
Komplementarna rozszczepiona +150° +210°
- FF7788
Heatstroke
- 00C78F
≈ Píng Gǔo Lǜ Green
- 00BAE9
≈ Blue Bikini
Tetrada +90° +180° +270°
- FF7788
Heatstroke
- B9AD00
≈ Apple Jade
- 00C1C0
≈ Cala Benirrás Blue
- 9F9BFF
≈ Cobalite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.54:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.24:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.24:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--heatstroke: #ff7788;
--heatstroke-rgb: 255 119 136;
--heatstroke-oklch: oklch(0.734 0.166 14.4);
}
.element {
color: var(--heatstroke);
background-color: hsl(353 100% 73%);
border-color: oklch(0.734 0.166 14.4);
}Tailwind CSS v4
@theme {
--color-heatstroke: #ff7788;
--color-heatstroke-50: #ffe3e5;
--color-heatstroke-100: #ffd2d5;
--color-heatstroke-200: #ffb7bc;
--color-heatstroke-300: #ff929a;
--color-heatstroke-400: #ef7080;
--color-heatstroke-500: #dd4a63;
--color-heatstroke-600: #bb4054;
--color-heatstroke-700: #963343;
--color-heatstroke-800: #702432;
--color-heatstroke-900: #4f1822;
--color-heatstroke-950: #340811;
}SCSS
$heatstroke: #ff7788;
$heatstroke-rgb: 255, 119, 136;
$heatstroke-light: mix(#fff, $heatstroke, 20%);
$heatstroke-dark: mix(#000, $heatstroke, 20%);
.element {
color: $heatstroke;
box-shadow: 0 0 0 2px rgba($heatstroke, 0.35);
}