이름 색상 · #FF2F92
Unicorn Dust
Unicorn Dust은(는) #FF2F92: rgb(255 47 146), hsl(331 100% 59%), oklch(0.666 0.247 358.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Unicorn Dust color name →
#FF2F92
oklch(0.666 0.247 358.4)
색상 변환
- HEX
- #ff2f92
- RGB
- rgb(255 47 146)
- HSL
- hsl(331 100% 59%)
- HWB
- hwb(331 18% 0%)
- OKLCH
- oklch(0.666 0.247 358.4)
- OKLab
- oklab(0.666 0.247 -0.007)
- CIE Lab
- lab(58.07 79.24 -1.41)
- LCH
- lch(58.07 79.25 359)
- CMYK
- cmyk(0% 82% 43% 0%)
틴트 · 셰이드 · 톤
틴트
- FF509C
- FF69A7
- FF7EB2
- FF93BC
- FFA6C7
- FFB8D2
- FFCADD
- FFDCE8
- FFEEF4
셰이드
- DE277E
- BE206B
- 9E1958
- 801246
- 630C35
- 480625
- 2E0316
- 160108
- 030001
톤
- F44190
- E84E8E
- DD588D
- D1618B
- C56889
- B86E87
- AB7385
- 9E7884
- 8F7C82
색 조화
보색 +180°
- FF2F92
Unicorn Dust
- 00AC94
≈ Hobgoblin
유사색 -30° +30°
- FF2F92
Unicorn Dust
- DF47DD
≈ Alita Pink
- FF473B
≈ Hotspot
삼각 배색 +120° +240°
- FF2F92
Unicorn Dust
- 8BA000
≈ Noxious
- 009EE4
≈ Homeworld
분열 보색 +150° +210°
- FF2F92
Unicorn Dust
- 00B24A
≈ Billiards Cloth
- 00A7B9
≈ Bluebird
사각 배색 +90° +180° +270°
- FF2F92
Unicorn Dust
- B68E00
≈ Cobra Leather
- 00AC94
≈ Hobgoblin
- 678BFF
≈ Deep Denim
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.45:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.07:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.07:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--unicorn-dust: #ff2f92;
--unicorn-dust-rgb: 255 47 146;
--unicorn-dust-oklch: oklch(0.666 0.247 358.4);
}
.element {
color: var(--unicorn-dust);
background-color: hsl(331 100% 59%);
border-color: oklch(0.666 0.247 358.4);
}Tailwind CSS v4
@theme {
--color-unicorn-dust: #ff2f92;
--color-unicorn-dust-50: #ffd8f2;
--color-unicorn-dust-100: #ffc5e4;
--color-unicorn-dust-200: #ffa5cf;
--color-unicorn-dust-300: #ff78b1;
--color-unicorn-dust-400: #ff489d;
--color-unicorn-dust-500: #f60084;
--color-unicorn-dust-600: #d00070;
--color-unicorn-dust-700: #a80059;
--color-unicorn-dust-800: #7d0044;
--color-unicorn-dust-900: #58002f;
--color-unicorn-dust-950: #3b001c;
}SCSS
$unicorn-dust: #ff2f92;
$unicorn-dust-rgb: 255, 47, 146;
$unicorn-dust-light: mix(#fff, $unicorn-dust, 20%);
$unicorn-dust-dark: mix(#000, $unicorn-dust, 20%);
.element {
color: $unicorn-dust;
box-shadow: 0 0 0 2px rgba($unicorn-dust, 0.35);
}