Couleur nommée · #9C004A
Celestial Pink
Celestial Pink correspond à #9C004A : rgb(156 0 74), hsl(332 100% 31%), oklch(0.447 0.18 3.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Celestial Pink color name →
#9C004A
oklch(0.447 0.18 3.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- A92E5A
- B5496B
- C1617C
- CB778E
- D68EA0
- DFA4B2
- E8BBC5
- F0D1D8
- F8E8EB
Ombres
- 87003F
- 730035
- 5F002A
- 4C0020
- 390017
- 28000E
- 180006
- 090002
- 010000
Tons
- 9B1F4F
- 9A3054
- 993D5A
- 97485F
- 955364
- 925C6A
- 8E666F
- 8A6F75
- 86777A
Harmonies de couleurs
Complémentaire +180°
- 9C004A
Celestial Pink
- 006259
≈ Dancing Peacock
Analogue -30° +30°
- 9C004A
Celestial Pink
- 89197D
≈ Noble Plum
- 9A1E00
≈ Garden Gnome Red
Triadique +120° +240°
- 9C004A
Celestial Pink
- 495D00
≈ Kyuri Green
- 00598B
≈ Buccaneer Blue
Complémentaire divisée +150° +210°
- 9C004A
Celestial Pink
- 006634
≈ Treasured Wilderness
- 005F6E
≈ Shaded Spruce
Tétradique +90° +180° +270°
- 9C004A
Celestial Pink
- 665200
≈ Olive Brown
- 006259
≈ Dancing Peacock
- 3942B5
≈ Early Spring Night
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.35:1 · APCA Lc 86
Ag
FailSur noir
WCAG 2.51:1 · APCA Lc 16
Meilleure couleur de texte: #FFFFFF
WCAG 8.35:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
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);
}