이름 색상 · #FF7788
Heatstroke
Heatstroke은(는) #FF7788: rgb(255 119 136), hsl(353 100% 73%), oklch(0.734 0.166 14.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Heatstroke color name →
#FF7788
oklch(0.734 0.166 14.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FF8693
- FF949F
- FFA2AB
- FFB0B6
- FFBDC2
- FFCBCE
- FFD8DA
- FFE5E6
- FFF2F3
셰이드
- DE6775
- BE5763
- 9E4752
- 803841
- 632A31
- 481C22
- 2E1013
- 160506
- 030101
톤
- F37987
- E77B87
- DA7D86
- CE7E85
- C27F84
- B58084
- A88083
- 9B8082
- 8E8081
색 조화
보색 +180°
- FF7788
Heatstroke
- 00C1C0
≈ Cala Benirrás Blue
유사색 -30° +30°
- FF7788
Heatstroke
- EF7AC2
≈ Persian Pink
- FC8147
≈ Sè Lèi Orange
삼각 배색 +120° +240°
- FF7788
Heatstroke
- 7ABF4A
≈ Taurus Forest Fern
- 67ACFF
≈ Fennel Flower
분열 보색 +150° +210°
- FF7788
Heatstroke
- 00C78F
≈ Píng Gǔo Lǜ Green
- 00BAE9
≈ Blue Bikini
사각 배색 +90° +180° +270°
- FF7788
Heatstroke
- B9AD00
≈ Apple Jade
- 00C1C0
≈ Cala Benirrás Blue
- 9F9BFF
≈ Cobalite
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.24:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.24:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
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);
}