Adlandırılmış renk · #701DCE
Crown Chakra
Crown Chakra, #701DCE: rgb(112 29 206), hsl(268 75% 46%), oklch(0.475 0.238 296.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Crown Chakra color name →
#701DCE
oklch(0.475 0.238 296.7)
Renk dönüşümleri
- HEX
- #701dce
- RGB
- rgb(112 29 206)
- HSL
- hsl(268 75% 46%)
- HWB
- hwb(268 11% 19%)
- OKLCH
- oklch(0.475 0.238 296.7)
- OKLab
- oklab(0.475 0.107 -0.213)
- CIE Lab
- lab(34.45 59.39 -75.71)
- LCH
- lch(34.45 96.22 308.1)
- CMYK
- cmyk(46% 86% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C40D5
- 8859DB
- 9670E1
- A385E7
- B29AEC
- C0AEF1
- D0C2F5
- DFD6F9
- EFEBFC
Koyu tonlar
- 6018B3
- 511398
- 430E7F
- 350966
- 27054E
- 1A0338
- 0E0123
- 04000F
- 010002
Gri tonlar
- 7132C7
- 7240C0
- 734BB9
- 7455B2
- 765DAA
- 7765A3
- 796C9B
- 7B7392
- 7E7A89
Renk uyumları
Tamamlayıcı +180°
- 701DCE
Crown Chakra
- 596300
≈ Forestial Outpost
Analog -30° +30°
- 701DCE
Crown Chakra
- 2341DF
≈ Palatinate Blue
- 96009B
≈ Violet Eggplant
Üçlü +120° +240°
- 701DCE
Crown Chakra
- 8B4800
≈ Chocolate Pancakes
- 006C5B
≈ Pacific Queen
Bölünmüş tamamlayıcı +150° +210°
- 701DCE
Crown Chakra
- 745800
≈ Pickled Grape Leaves
- 007024
≈ Bogey Green
Dörtlü +90° +180° +270°
- 701DCE
Crown Chakra
- B00012
≈ Mammary Red
- 596300
≈ Forestial Outpost
- 006973
≈ Kingfisher Bright
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.61:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.75:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--crown-chakra: #701dce;
--crown-chakra-rgb: 112 29 206;
--crown-chakra-oklch: oklch(0.475 0.238 296.7);
}
.element {
color: var(--crown-chakra);
background-color: hsl(268 75% 46%);
border-color: oklch(0.475 0.238 296.7);
}Tailwind CSS v4
@theme {
--color-crown-chakra: #701dce;
--color-crown-chakra-50: #fee7ff;
--color-crown-chakra-100: #f2d7ff;
--color-crown-chakra-200: #e2bcff;
--color-crown-chakra-300: #c997ff;
--color-crown-chakra-400: #b076ff;
--color-crown-chakra-500: #9c4dff;
--color-crown-chakra-600: #8343e2;
--color-crown-chakra-700: #6936b6;
--color-crown-chakra-800: #4b278a;
--color-crown-chakra-900: #341a62;
--color-crown-chakra-950: #200843;
}SCSS
$crown-chakra: #701dce;
$crown-chakra-rgb: 112, 29, 206;
$crown-chakra-light: mix(#fff, $crown-chakra, 20%);
$crown-chakra-dark: mix(#000, $crown-chakra, 20%);
.element {
color: $crown-chakra;
box-shadow: 0 0 0 2px rgba($crown-chakra, 0.35);
}