Nazwany kolor · #876FA3
Babiana
Babiana to #876FA3: rgb(135 111 163), hsl(268 22% 54%), oklch(0.584 0.082 305.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Babiana color name →
#876FA3
oklch(0.584 0.082 305.1)
Konwersje koloru
- HEX
- #876fa3
- RGB
- rgb(135 111 163)
- HSL
- hsl(268 22% 54%)
- HWB
- hwb(268 44% 36%)
- OKLCH
- oklch(0.584 0.082 305.1)
- OKLab
- oklab(0.584 0.047 -0.067)
- CIE Lab
- lab(50.69 17.71 -24.57)
- LCH
- lch(50.69 30.28 305.8)
- CMYK
- cmyk(17% 32% 0% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 927DAC
- 9E8BB5
- A999BF
- B5A7C8
- C1B5D1
- CDC4DA
- DAD2E3
- E6E1ED
- F2F0F6
Odcienie ciemniejsze
- 75608D
- 635178
- 514263
- 41344F
- 31273C
- 211A2A
- 130E19
- 06040A
- 010101
Tony
- 8671A0
- 86739C
- 857599
- 847695
- 837892
- 837A8F
- 827B8B
- 817D87
- 817E84
Harmonie kolorów
Komplementarna +180°
- 876FA3
Babiana
- 70844D
≈ Herb
Analogowa -30° +30°
- 876FA3
Babiana
- 6D78AD
≈ Regal Azure
- 9A698F
≈ Tulipan Violet
Triada +120° +240°
- 876FA3
Babiana
- 9D7145
≈ Aged Whisky
- 378B82
≈ Copper Turquoise
Komplementarna rozszczepiona +150° +210°
- 876FA3
Babiana
- 8B7B3F
≈ Capers
- 518A66
≈ Spring Garden
Tetrada +90° +180° +270°
- 876FA3
Babiana
- A66A5A
≈ Honey Maple
- 70844D
≈ Herb
- 37889A
≈ Seachange
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.34:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.83:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--babiana: #876fa3;
--babiana-rgb: 135 111 163;
--babiana-oklch: oklch(0.584 0.082 305.1);
}
.element {
color: var(--babiana);
background-color: hsl(268 22% 54%);
border-color: oklch(0.584 0.082 305.1);
}Tailwind CSS v4
@theme {
--color-babiana: #876fa3;
--color-babiana-50: #fbefff;
--color-babiana-100: #efe1fe;
--color-babiana-200: #ddccf0;
--color-babiana-300: #c2add9;
--color-babiana-400: #aa92c6;
--color-babiana-500: #9378b2;
--color-babiana-600: #7c6696;
--color-babiana-700: #635179;
--color-babiana-800: #483b5a;
--color-babiana-900: #32293f;
--color-babiana-950: #1e1628;
}SCSS
$babiana: #876fa3;
$babiana-rgb: 135, 111, 163;
$babiana-light: mix(#fff, $babiana, 20%);
$babiana-dark: mix(#000, $babiana, 20%);
.element {
color: $babiana;
box-shadow: 0 0 0 2px rgba($babiana, 0.35);
}