Nazwany kolor · #A76BCF
Rich Lavender
Rich Lavender to #A76BCF: rgb(167 107 207), hsl(276 51% 62%), oklch(0.632 0.156 310.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Rich Lavender color name →
#A76BCF
oklch(0.632 0.156 310.3)
Konwersje koloru
- HEX
- #a76bcf
- RGB
- rgb(167 107 207)
- HSL
- hsl(276 51% 62%)
- HWB
- hwb(276 42% 19%)
- OKLCH
- oklch(0.632 0.156 310.3)
- OKLab
- oklab(0.632 0.101 -0.119)
- CIE Lab
- lab(54.99 38.15 -42.83)
- LCH
- lch(54.99 57.35 311.7)
- CMYK
- cmyk(19% 48% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B07AD5
- B889DA
- C198DF
- CAA7E4
- D3B5E9
- DBC4EE
- E4D3F2
- EDE1F7
- F6F0FB
Odcienie ciemniejsze
- 915CB4
- 7B4E99
- 663F7F
- 523267
- 3E254F
- 2C1838
- 1A0D23
- 0A0410
- 010002
Tony
- A36EC7
- 9F71C0
- 9B73B8
- 9876B0
- 9478A8
- 907AA0
- 8C7C98
- 887D90
- 847F88
Harmonie kolorów
Komplementarna +180°
- A76BCF
Rich Lavender
- 699C23
≈ Radiant Foliage
Analogowa -30° +30°
- A76BCF
Rich Lavender
- 7A7BE5
≈ Hera Blue
- C65FA7
≈ Pú Táo Zǐ Purple
Triada +120° +240°
- A76BCF
Rich Lavender
- BD7900
≈ Cassandra’s Curse
- 009E99
≈ Talismanic Teal
Komplementarna rozszczepiona +150° +210°
- A76BCF
Rich Lavender
- 9C8B00
≈ Smoothie Green
- 00A36C
≈ Green Haze
Tetrada +90° +180° +270°
- A76BCF
Rich Lavender
- D66337
≈ Tangerine Bliss
- 699C23
≈ Radiant Foliage
- 0099BA
≈ Serene Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.71:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.64:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--rich-lavender: #a76bcf;
--rich-lavender-rgb: 167 107 207;
--rich-lavender-oklch: oklch(0.632 0.156 310.3);
}
.element {
color: var(--rich-lavender);
background-color: hsl(276 51% 62%);
border-color: oklch(0.632 0.156 310.3);
}Tailwind CSS v4
@theme {
--color-rich-lavender: #a76bcf;
--color-rich-lavender-50: #ffe9ff;
--color-rich-lavender-100: #fad9ff;
--color-rich-lavender-200: #ebc1ff;
--color-rich-lavender-300: #d39ff1;
--color-rich-lavender-400: #bb82e2;
--color-rich-lavender-500: #a663d2;
--color-rich-lavender-600: #8c54b1;
--color-rich-lavender-700: #70438e;
--color-rich-lavender-800: #52316b;
--color-rich-lavender-900: #39214b;
--color-rich-lavender-950: #231032;
}SCSS
$rich-lavender: #a76bcf;
$rich-lavender-rgb: 167, 107, 207;
$rich-lavender-light: mix(#fff, $rich-lavender, 20%);
$rich-lavender-dark: mix(#000, $rich-lavender, 20%);
.element {
color: $rich-lavender;
box-shadow: 0 0 0 2px rgba($rich-lavender, 0.35);
}