이름 색상 · #FF99AA
Fight the Sunrise
Fight the Sunrise은(는) #FF99AA: rgb(255 153 170), hsl(350 100% 80%), oklch(0.793 0.123 9.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Fight the Sunrise color name →
#FF99AA
oklch(0.793 0.123 9.5)
색상 변환
- HEX
- #ff99aa
- RGB
- rgb(255 153 170)
- HSL
- hsl(350 100% 80%)
- HWB
- hwb(350 60% 0%)
- OKLCH
- oklch(0.793 0.123 9.5)
- OKLab
- oklab(0.793 0.121 0.02)
- CIE Lab
- lab(74.52 40.5 8.44)
- LCH
- lch(74.52 41.37 11.8)
- CMYK
- cmyk(0% 40% 33% 0%)
틴트 · 셰이드 · 톤
틴트
- FFA4B2
- FFAEBB
- FFB8C3
- FFC3CB
- FFCDD4
- FFD7DC
- FFE1E5
- FFEBEE
- FFF5F6
셰이드
- DE8493
- BE707D
- 9E5D68
- 804A53
- 63383F
- 48272D
- 2E171B
- 16080B
- 030101
톤
- F297A6
- E695A1
- D9939D
- CD9099
- C08E95
- B38B91
- A7898C
- 9A8688
- 8D8384
색 조화
보색 +180°
- FF99AA
Fight the Sunrise
- 3ED4CC
≈ Medium Turquoise
유사색 -30° +30°
- FF99AA
Fight the Sunrise
- F09CD5
≈ Violet Kiss
- FF9F7F
≈ Orchid Orange
삼각 배색 +120° +240°
- FF99AA
Fight the Sunrise
- A2CB74
≈ Alverda
- 83C1FF
≈ Scenic Water
분열 보색 +150° +210°
- FF99AA
Fight the Sunrise
- 6DD49F
≈ Van Gogh Green
- 49CEF1
≈ Thor’s Thunder
사각 배색 +90° +180° +270°
- FF99AA
Fight the Sunrise
- CEBD58
≈ Limón Fresco
- 3ED4CC
≈ Medium Turquoise
- ADB4FF
≈ Winterspring Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.38:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--fight-the-sunrise: #ff99aa;
--fight-the-sunrise-rgb: 255 153 170;
--fight-the-sunrise-oklch: oklch(0.793 0.123 9.5);
}
.element {
color: var(--fight-the-sunrise);
background-color: hsl(350 100% 80%);
border-color: oklch(0.793 0.123 9.5);
}Tailwind CSS v4
@theme {
--color-fight-the-sunrise: #ff99aa;
--color-fight-the-sunrise-50: #ffe7ec;
--color-fight-the-sunrise-100: #ffd8dd;
--color-fight-the-sunrise-200: #ffbfc7;
--color-fight-the-sunrise-300: #ef9da7;
--color-fight-the-sunrise-400: #dc7e8e;
--color-fight-the-sunrise-500: #c95f74;
--color-fight-the-sunrise-600: #aa5162;
--color-fight-the-sunrise-700: #88414f;
--color-fight-the-sunrise-800: #652e3b;
--color-fight-the-sunrise-900: #471f28;
--color-fight-the-sunrise-950: #2e0f16;
}SCSS
$fight-the-sunrise: #ff99aa;
$fight-the-sunrise-rgb: 255, 153, 170;
$fight-the-sunrise-light: mix(#fff, $fight-the-sunrise, 20%);
$fight-the-sunrise-dark: mix(#000, $fight-the-sunrise, 20%);
.element {
color: $fight-the-sunrise;
box-shadow: 0 0 0 2px rgba($fight-the-sunrise, 0.35);
}