Colore con nome · #69005F
Divine Purple
Divine Purple è #69005F: rgb(105 0 95), hsl(306 100% 21%), oklch(0.359 0.161 333.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Divine Purple color name →
#69005F
oklch(0.359 0.161 333.4)
Conversioni di colore
- HEX
- #69005f
- RGB
- rgb(105 0 95)
- HSL
- hsl(306 100% 21%)
- HWB
- hwb(306 0% 59%)
- OKLCH
- oklch(0.359 0.161 333.4)
- OKLab
- oklab(0.359 0.144 -0.072)
- CIE Lab
- lab(23.12 47.57 -25.81)
- LCH
- lch(23.12 54.13 331.5)
- CMYK
- cmyk(0% 100% 10% 59%)
Tinte · Ombre · Toni
Tinte
- 79266E
- 893F7E
- 98578E
- A86E9D
- B786AD
- C69DBD
- D4B5CD
- E3CDDE
- F1E6EE
Ombre
- 5A0052
- 4C0044
- 3E0038
- 31002C
- 240020
- 180015
- 0C000A
- 040003
- 000000
Toni
- 6D1963
- 702866
- 73356A
- 76416D
- 794C71
- 7B5674
- 7D6177
- 7E6B7A
- 7F767D
Armonie di colore
Complementare +180°
- 69005F
Divine Purple
- 004A25
≈ Pine Green
Analogo -30° +30°
- 69005F
Divine Purple
- 50187F
≈ Occult
- 730035
≈ Merlot
Triadico +120° +240°
- 69005F
Divine Purple
- 4A3B00
≈ Xanthophobia
- 004551
≈ Crab Nebula
Complementare divisa +150° +210°
- 69005F
Divine Purple
- 344400
≈ Garden Shadow
- 004740
≈ Tropical Forest
Tetradico +90° +180° +270°
- 69005F
Divine Purple
- 5A3200
≈ Eyelash Camel
- 004A25
≈ Pine Green
- 004067
≈ Dark Imperial Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.89:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.76:1 · APCA Lc 7
Miglior colore del testo: #FFFFFF
WCAG 11.89:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--divine-purple: #69005f;
--divine-purple-rgb: 105 0 95;
--divine-purple-oklch: oklch(0.359 0.161 333.4);
}
.element {
color: var(--divine-purple);
background-color: hsl(306 100% 21%);
border-color: oklch(0.359 0.161 333.4);
}Tailwind CSS v4
@theme {
--color-divine-purple: #69005f;
--color-divine-purple-50: #ffe4ff;
--color-divine-purple-100: #ffd4fd;
--color-divine-purple-200: #ffbaef;
--color-divine-purple-300: #ea97d7;
--color-divine-purple-400: #d677c6;
--color-divine-purple-500: #c256b2;
--color-divine-purple-600: #a44997;
--color-divine-purple-700: #843a79;
--color-divine-purple-800: #612a5b;
--color-divine-purple-900: #441c40;
--color-divine-purple-950: #2c0c29;
}SCSS
$divine-purple: #69005f;
$divine-purple-rgb: 105, 0, 95;
$divine-purple-light: mix(#fff, $divine-purple, 20%);
$divine-purple-dark: mix(#000, $divine-purple, 20%);
.element {
color: $divine-purple;
box-shadow: 0 0 0 2px rgba($divine-purple, 0.35);
}