Adlandırılmış renk · #69005F
Divine Purple
Divine Purple, #69005F: rgb(105 0 95), hsl(306 100% 21%), oklch(0.359 0.161 333.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Divine Purple color name →
#69005F
oklch(0.359 0.161 333.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 79266E
- 893F7E
- 98578E
- A86E9D
- B786AD
- C69DBD
- D4B5CD
- E3CDDE
- F1E6EE
Koyu tonlar
- 5A0052
- 4C0044
- 3E0038
- 31002C
- 240020
- 180015
- 0C000A
- 040003
- 000000
Gri tonlar
- 6D1963
- 702866
- 73356A
- 76416D
- 794C71
- 7B5674
- 7D6177
- 7E6B7A
- 7F767D
Renk uyumları
Tamamlayıcı +180°
- 69005F
Divine Purple
- 004A25
≈ Pine Green
Analog -30° +30°
- 69005F
Divine Purple
- 50187F
≈ Occult
- 730035
≈ Merlot
Üçlü +120° +240°
- 69005F
Divine Purple
- 4A3B00
≈ Xanthophobia
- 004551
≈ Crab Nebula
Bölünmüş tamamlayıcı +150° +210°
- 69005F
Divine Purple
- 344400
≈ Garden Shadow
- 004740
≈ Tropical Forest
Dörtlü +90° +180° +270°
- 69005F
Divine Purple
- 5A3200
≈ Eyelash Camel
- 004A25
≈ Pine Green
- 004067
≈ Dark Imperial Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.89:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.76:1 · APCA Lc 7
En iyi metin rengi: #FFFFFF
WCAG 11.89:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
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);
}