이름 색상 · #876FA3
Babiana
Babiana은(는) #876FA3: rgb(135 111 163), hsl(268 22% 54%), oklch(0.584 0.082 305.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Babiana color name →
#876FA3
oklch(0.584 0.082 305.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 927DAC
- 9E8BB5
- A999BF
- B5A7C8
- C1B5D1
- CDC4DA
- DAD2E3
- E6E1ED
- F2F0F6
셰이드
- 75608D
- 635178
- 514263
- 41344F
- 31273C
- 211A2A
- 130E19
- 06040A
- 010101
톤
- 8671A0
- 86739C
- 857599
- 847695
- 837892
- 837A8F
- 827B8B
- 817D87
- 817E84
색 조화
보색 +180°
- 876FA3
Babiana
- 70844D
≈ Herb
유사색 -30° +30°
- 876FA3
Babiana
- 6D78AD
≈ Regal Azure
- 9A698F
≈ Tulipan Violet
삼각 배색 +120° +240°
- 876FA3
Babiana
- 9D7145
≈ Aged Whisky
- 378B82
≈ Copper Turquoise
분열 보색 +150° +210°
- 876FA3
Babiana
- 8B7B3F
≈ Capers
- 518A66
≈ Spring Garden
사각 배색 +90° +180° +270°
- 876FA3
Babiana
- A66A5A
≈ Honey Maple
- 70844D
≈ Herb
- 37889A
≈ Seachange
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.34:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.83:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
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);
}