Adlandırılmış renk · #FF2F92
Unicorn Dust
Unicorn Dust, #FF2F92: rgb(255 47 146), hsl(331 100% 59%), oklch(0.666 0.247 358.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Unicorn Dust color name →
#FF2F92
oklch(0.666 0.247 358.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF509C
- FF69A7
- FF7EB2
- FF93BC
- FFA6C7
- FFB8D2
- FFCADD
- FFDCE8
- FFEEF4
Koyu tonlar
- DE277E
- BE206B
- 9E1958
- 801246
- 630C35
- 480625
- 2E0316
- 160108
- 030001
Gri tonlar
- F44190
- E84E8E
- DD588D
- D1618B
- C56889
- B86E87
- AB7385
- 9E7884
- 8F7C82
Renk uyumları
Tamamlayıcı +180°
- FF2F92
Unicorn Dust
- 00AC94
≈ Hobgoblin
Analog -30° +30°
- FF2F92
Unicorn Dust
- DF47DD
≈ Alita Pink
- FF473B
≈ Hotspot
Üçlü +120° +240°
- FF2F92
Unicorn Dust
- 8BA000
≈ Noxious
- 009EE4
≈ Homeworld
Bölünmüş tamamlayıcı +150° +210°
- FF2F92
Unicorn Dust
- 00B24A
≈ Billiards Cloth
- 00A7B9
≈ Bluebird
Dörtlü +90° +180° +270°
- FF2F92
Unicorn Dust
- B68E00
≈ Cobra Leather
- 00AC94
≈ Hobgoblin
- 678BFF
≈ Deep Denim
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.45:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.07:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.07:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
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);
}