Adlandırılmış renk · #9C004A
Celestial Pink
Celestial Pink, #9C004A: rgb(156 0 74), hsl(332 100% 31%), oklch(0.447 0.18 3.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Celestial Pink color name →
#9C004A
oklch(0.447 0.18 3.3)
Renk dönüşümleri
- HEX
- #9c004a
- RGB
- rgb(156 0 74)
- HSL
- hsl(332 100% 31%)
- HWB
- hwb(332 0% 39%)
- OKLCH
- oklch(0.447 0.18 3.3)
- OKLab
- oklab(0.447 0.18 0.01)
- CIE Lab
- lab(33.59 57.98 5.13)
- LCH
- lch(33.59 58.21 5.1)
- CMYK
- cmyk(0% 100% 53% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A92E5A
- B5496B
- C1617C
- CB778E
- D68EA0
- DFA4B2
- E8BBC5
- F0D1D8
- F8E8EB
Koyu tonlar
- 87003F
- 730035
- 5F002A
- 4C0020
- 390017
- 28000E
- 180006
- 090002
- 010000
Gri tonlar
- 9B1F4F
- 9A3054
- 993D5A
- 97485F
- 955364
- 925C6A
- 8E666F
- 8A6F75
- 86777A
Renk uyumları
Tamamlayıcı +180°
- 9C004A
Celestial Pink
- 006259
≈ Dancing Peacock
Analog -30° +30°
- 9C004A
Celestial Pink
- 89197D
≈ Noble Plum
- 9A1E00
≈ Garden Gnome Red
Üçlü +120° +240°
- 9C004A
Celestial Pink
- 495D00
≈ Kyuri Green
- 00598B
≈ Buccaneer Blue
Bölünmüş tamamlayıcı +150° +210°
- 9C004A
Celestial Pink
- 006634
≈ Treasured Wilderness
- 005F6E
≈ Shaded Spruce
Dörtlü +90° +180° +270°
- 9C004A
Celestial Pink
- 665200
≈ Olive Brown
- 006259
≈ Dancing Peacock
- 3942B5
≈ Early Spring Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.35:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.51:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 8.35:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--celestial-pink: #9c004a;
--celestial-pink-rgb: 156 0 74;
--celestial-pink-oklch: oklch(0.447 0.18 3.3);
}
.element {
color: var(--celestial-pink);
background-color: hsl(332 100% 31%);
border-color: oklch(0.447 0.18 3.3);
}Tailwind CSS v4
@theme {
--color-celestial-pink: #9c004a;
--color-celestial-pink-50: #ffe0ee;
--color-celestial-pink-100: #ffcfdf;
--color-celestial-pink-200: #ffb3c9;
--color-celestial-pink-300: #ff8eaa;
--color-celestial-pink-400: #f16a93;
--color-celestial-pink-500: #df417a;
--color-celestial-pink-600: #bd3967;
--color-celestial-pink-700: #982e52;
--color-celestial-pink-800: #71203e;
--color-celestial-pink-900: #50152b;
--color-celestial-pink-950: #340518;
}SCSS
$celestial-pink: #9c004a;
$celestial-pink-rgb: 156, 0, 74;
$celestial-pink-light: mix(#fff, $celestial-pink, 20%);
$celestial-pink-dark: mix(#000, $celestial-pink, 20%);
.element {
color: $celestial-pink;
box-shadow: 0 0 0 2px rgba($celestial-pink, 0.35);
}