Colore con nome · #992266
Celestial Dragon
Celestial Dragon è #992266: rgb(153 34 102), hsl(326 64% 37%), oklch(0.468 0.166 350.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Celestial Dragon color name →
#992266
oklch(0.468 0.166 350.7)
Conversioni di colore
- HEX
- #992266
- RGB
- rgb(153 34 102)
- HSL
- hsl(326 64% 37%)
- HWB
- hwb(326 13% 40%)
- OKLCH
- oklch(0.468 0.166 350.7)
- OKLab
- oklab(0.468 0.164 -0.027)
- CIE Lab
- lab(36.06 52.67 -9.5)
- LCH
- lch(36.06 53.52 349.8)
- CMYK
- cmyk(0% 78% 33% 40%)
Tinte · Ombre · Toni
Tinte
- A53D74
- B15483
- BD6991
- C87EA0
- D294B0
- DCA9BF
- E5BECF
- EED3DF
- F7E9EF
Ombre
- 841C58
- 70164A
- 5D113C
- 4A0B2F
- 380723
- 270317
- 17010C
- 080004
- 010000
Toni
- 983069
- 973C6B
- 95466E
- 944F70
- 925873
- 8F6176
- 8C6978
- 89717B
- 85787D
Armonie di colore
Complementare +180°
- 992266
Celestial Dragon
- 006A53
≈ Peacock Green
Analogo -30° +30°
- 992266
Celestial Dragon
- 823092
≈ Druchii Violet
- A31F2F
≈ Cut Ruby
Triadico +120° +240°
- 992266
Celestial Dragon
- 5E5F00
≈ Kirchner Green
- 006385
≈ Blue Heist
Complementare divisa +150° +210°
- 992266
Celestial Dragon
- 186D00
≈ Leafy Lush
- 00676C
≈ Tahitian Treat
Tetradico +90° +180° +270°
- 992266
Celestial Dragon
- 765300
≈ Pickled Grape Leaves
- 006A53
≈ Peacock Green
- 1B53B5
≈ Blizzy Blueberry
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.56:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.77:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.56:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--celestial-dragon: #992266;
--celestial-dragon-rgb: 153 34 102;
--celestial-dragon-oklch: oklch(0.468 0.166 350.7);
}
.element {
color: var(--celestial-dragon);
background-color: hsl(326 64% 37%);
border-color: oklch(0.468 0.166 350.7);
}Tailwind CSS v4
@theme {
--color-celestial-dragon: #992266;
--color-celestial-dragon-50: #ffe2fa;
--color-celestial-dragon-100: #ffd2ed;
--color-celestial-dragon-200: #ffb7db;
--color-celestial-dragon-300: #f892bf;
--color-celestial-dragon-400: #e571ab;
--color-celestial-dragon-500: #d34c94;
--color-celestial-dragon-600: #b2427d;
--color-celestial-dragon-700: #8f3564;
--color-celestial-dragon-800: #6a254c;
--color-celestial-dragon-900: #4a1935;
--color-celestial-dragon-950: #310920;
}SCSS
$celestial-dragon: #992266;
$celestial-dragon-rgb: 153, 34, 102;
$celestial-dragon-light: mix(#fff, $celestial-dragon, 20%);
$celestial-dragon-dark: mix(#000, $celestial-dragon, 20%);
.element {
color: $celestial-dragon;
box-shadow: 0 0 0 2px rgba($celestial-dragon, 0.35);
}