Nazwany kolor · #480656
Clairvoyant
Clairvoyant to #480656: rgb(72 6 86), hsl(290 87% 18%), oklch(0.297 0.135 319.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Clairvoyant color name →
#480656
oklch(0.297 0.135 319.3)
Konwersje koloru
- HEX
- #480656
- RGB
- rgb(72 6 86)
- HSL
- hsl(290 87% 18%)
- HWB
- hwb(290 2% 66%)
- OKLCH
- oklch(0.297 0.135 319.3)
- OKLab
- oklab(0.297 0.102 -0.088)
- CIE Lab
- lab(16.19 37.56 -31.34)
- LCH
- lch(16.19 48.92 320.2)
- CMYK
- cmyk(16% 93% 0% 66%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 592466
- 6B3C77
- 7D5388
- 8F6A98
- A182A9
- B39ABA
- C6B2CB
- D9CCDC
- ECE5EE
Odcienie ciemniejsze
- 3D044A
- 33033E
- 290232
- 1F0127
- 16011C
- 0D0012
- 060008
- 020002
- 000000
Tony
- 4E185B
- 54265F
- 5A3264
- 603D68
- 65496D
- 6B5471
- 705F75
- 766A79
- 7B757C
Harmonie kolorów
Komplementarna +180°
- 480656
Clairvoyant
- 0D3700
≈ Elite Green
Analogowa -30° +30°
- 480656
Clairvoyant
- 30166A
≈ Candied Blueberry
- 550036
≈ Mulberry Wood
Triada +120° +240°
- 480656
Clairvoyant
- 3D2900
≈ Secret Passage
- 003537
≈ Shrub Green
Komplementarna rozszczepiona +150° +210°
- 480656
Clairvoyant
- 302F00
≈ Wasabi Nori
- 003628
≈ Coach Green
Tetrada +90° +180° +270°
- 480656
Clairvoyant
- 4B1E00
≈ Chrysophobia
- 0D3700
≈ Elite Green
- 003245
≈ Nordic Noir
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.62:1 · APCA Lc 100
Ag
FailNa czerni
WCAG 1.43:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.62:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--clairvoyant: #480656;
--clairvoyant-rgb: 72 6 86;
--clairvoyant-oklch: oklch(0.297 0.135 319.3);
}
.element {
color: var(--clairvoyant);
background-color: hsl(290 87% 18%);
border-color: oklch(0.297 0.135 319.3);
}Tailwind CSS v4
@theme {
--color-clairvoyant: #480656;
--color-clairvoyant-50: #ffe9ff;
--color-clairvoyant-100: #fddaff;
--color-clairvoyant-200: #efc2f7;
--color-clairvoyant-300: #d7a0e1;
--color-clairvoyant-400: #c183d0;
--color-clairvoyant-500: #ac65be;
--color-clairvoyant-600: #9156a0;
--color-clairvoyant-700: #754581;
--color-clairvoyant-800: #553261;
--color-clairvoyant-900: #3b2244;
--color-clairvoyant-950: #25112c;
}SCSS
$clairvoyant: #480656;
$clairvoyant-rgb: 72, 6, 86;
$clairvoyant-light: mix(#fff, $clairvoyant, 20%);
$clairvoyant-dark: mix(#000, $clairvoyant, 20%);
.element {
color: $clairvoyant;
box-shadow: 0 0 0 2px rgba($clairvoyant, 0.35);
}