Nazwany kolor · #701DCE
Crown Chakra
Crown Chakra to #701DCE: rgb(112 29 206), hsl(268 75% 46%), oklch(0.475 0.238 296.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Crown Chakra color name →
#701DCE
oklch(0.475 0.238 296.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C40D5
- 8859DB
- 9670E1
- A385E7
- B29AEC
- C0AEF1
- D0C2F5
- DFD6F9
- EFEBFC
Odcienie ciemniejsze
- 6018B3
- 511398
- 430E7F
- 350966
- 27054E
- 1A0338
- 0E0123
- 04000F
- 010002
Tony
- 7132C7
- 7240C0
- 734BB9
- 7455B2
- 765DAA
- 7765A3
- 796C9B
- 7B7392
- 7E7A89
Harmonie kolorów
Komplementarna +180°
- 701DCE
Crown Chakra
- 596300
≈ Forestial Outpost
Analogowa -30° +30°
- 701DCE
Crown Chakra
- 2341DF
≈ Palatinate Blue
- 96009B
≈ Violet Eggplant
Triada +120° +240°
- 701DCE
Crown Chakra
- 8B4800
≈ Chocolate Pancakes
- 006C5B
≈ Pacific Queen
Komplementarna rozszczepiona +150° +210°
- 701DCE
Crown Chakra
- 745800
≈ Pickled Grape Leaves
- 007024
≈ Bogey Green
Tetrada +90° +180° +270°
- 701DCE
Crown Chakra
- B00012
≈ Mammary Red
- 596300
≈ Forestial Outpost
- 006973
≈ Kingfisher Bright
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.61:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.75:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}