En yakın adlandırılmış renk · #FD2A8D
#FD2A8D
En yakın adlandırılmış renk: Unicorn Dust
#FD2A8D (rgb(253 42 141), hsl(332 98% 58%), oklch(0.658 0.247 359.4)) en çok Unicorn Dust adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FD2A8D
oklch(0.658 0.247 359.4)
Renk dönüşümleri
- HEX
- #fd2a8d
- RGB
- rgb(253 42 141)
- HSL
- hsl(332 98% 58%)
- HWB
- hwb(332 16% 1%)
- OKLCH
- oklch(0.658 0.247 359.4)
- OKLab
- oklab(0.658 0.247 -0.003)
- CIE Lab
- lab(57.2 79.46 0.25)
- LCH
- lch(57.2 79.46 0.2)
- CMYK
- cmyk(0% 83% 44% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FF4D98
- FF66A3
- FF7DAE
- FF91B9
- FFA4C4
- FFB7D0
- FFC9DC
- FFDBE7
- FFEDF3
Koyu tonlar
- DC237A
- BC1C67
- 9D1655
- 7F1044
- 620A33
- 470523
- 2D0214
- 160107
- 030001
Gri tonlar
- F23E8C
- E74B8A
- DB5689
- D05F88
- C46686
- B76D85
- AB7384
- 9D7883
- 8F7C81
Renk uyumları
Tamamlayıcı +180°
- FD2A8D
Unicorn Dust
- 00A994
≈ Shindig
Analog -30° +30°
- FD2A8D
Unicorn Dust
- DE43D8
≈ Méi Gūi Zǐ Purple
- FF4030
≈ Red Orange
Üçlü +120° +240°
- FD2A8D
Unicorn Dust
- 879E00
≈ Noxious
- 009BE2
≈ Atmosphere
Bölünmüş tamamlayıcı +150° +210°
- FD2A8D
Unicorn Dust
- 00AF4D
≈ Poison Ivy
- 00A4B7
≈ Garish Blue
Dörtlü +90° +180° +270°
- FD2A8D
Unicorn Dust
- B28C00
≈ Cobra Leather
- 00A994
≈ Shindig
- 6687FF
≈ Deep Denim
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.56:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 5.89:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 5.89:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--unicorn-dust: #fd2a8d;
--unicorn-dust-rgb: 253 42 141;
--unicorn-dust-oklch: oklch(0.658 0.247 359.4);
}
.element {
color: var(--unicorn-dust);
background-color: hsl(332 98% 58%);
border-color: oklch(0.658 0.247 359.4);
}Tailwind CSS v4
@theme {
--color-unicorn-dust: #fd2a8d;
--color-unicorn-dust-50: #ffd8f0;
--color-unicorn-dust-100: #ffc5e2;
--color-unicorn-dust-200: #ffa4cd;
--color-unicorn-dust-300: #ff78af;
--color-unicorn-dust-400: #ff489a;
--color-unicorn-dust-500: #f70081;
--color-unicorn-dust-600: #d1006d;
--color-unicorn-dust-700: #a80057;
--color-unicorn-dust-800: #7d0043;
--color-unicorn-dust-900: #59002e;
--color-unicorn-dust-950: #3b001b;
}SCSS
$unicorn-dust: #fd2a8d;
$unicorn-dust-rgb: 253, 42, 141;
$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);
}