이름 색상 · #B2B5C8
Soul Sister
Soul Sister은(는) #B2B5C8: rgb(178 181 200), hsl(232 17% 74%), oklch(0.777 0.027 278.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soul Sister color name →
#B2B5C8
oklch(0.777 0.027 278.6)
색상 변환
- HEX
- #b2b5c8
- RGB
- rgb(178 181 200)
- HSL
- hsl(232 17% 74%)
- HWB
- hwb(232 70% 22%)
- OKLCH
- oklch(0.777 0.027 278.6)
- OKLab
- oklab(0.777 0.004 -0.027)
- CIE Lab
- lab(73.89 1.73 -10.04)
- LCH
- lch(73.89 10.19 279.8)
- CMYK
- cmyk(11% 9% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- B9BCCD
- C1C3D3
- C9CBD8
- D0D2DE
- D8D9E3
- E0E1E9
- E7E8EE
- EFF0F4
- F7F7F9
셰이드
- 9A9DAE
- 838694
- 6D6F7B
- 575963
- 43444C
- 2F3036
- 1D1D21
- 0C0C0F
- 010202
톤
- ADB0C1
- A8AAB9
- A3A5B2
- 9E9FAB
- 999AA3
- 94959C
- 8F9095
- 8A8A8E
- 858587
색 조화
보색 +180°
- B2B5C8
Soul Sister
- BAB7A4
≈ Feathers of a Dove
유사색 -30° +30°
- B2B5C8
Soul Sister
- A9B8C7
≈ Blue Tribute
- BBB2C4
≈ Perplexed
삼각 배색 +120° +240°
- B2B5C8
Soul Sister
- C7B1AA
≈ Vintage Charm
- A9BCB0
≈ Foggy Rain
분열 보색 +150° +210°
- B2B5C8
Soul Sister
- C2B4A4
≈ Esoteric
- B1BAA8
≈ Matt Sage
사각 배색 +90° +180° +270°
- B2B5C8
Soul Sister
- C7B0B3
≈ Mature
- BAB7A4
≈ Feathers of a Dove
- A4BCBA
≈ Chance of Showers
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.03:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.33:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.33:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--soul-sister: #b2b5c8;
--soul-sister-rgb: 178 181 200;
--soul-sister-oklch: oklch(0.777 0.027 278.6);
}
.element {
color: var(--soul-sister);
background-color: hsl(232 17% 74%);
border-color: oklch(0.777 0.027 278.6);
}Tailwind CSS v4
@theme {
--color-soul-sister: #b2b5c8;
--color-soul-sister-50: #f3f4fd;
--color-soul-sister-100: #e6e7f1;
--color-soul-sister-200: #d2d3e0;
--color-soul-sister-300: #b4b6c5;
--color-soul-sister-400: #9a9daf;
--color-soul-sister-500: #828598;
--color-soul-sister-600: #6e7081;
--color-soul-sister-700: #585a67;
--color-soul-sister-800: #40424c;
--color-soul-sister-900: #2c2d35;
--color-soul-sister-950: #191a20;
}SCSS
$soul-sister: #b2b5c8;
$soul-sister-rgb: 178, 181, 200;
$soul-sister-light: mix(#fff, $soul-sister, 20%);
$soul-sister-dark: mix(#000, $soul-sister, 20%);
.element {
color: $soul-sister;
box-shadow: 0 0 0 2px rgba($soul-sister, 0.35);
}