이름 색상 · #B1C8D2
Crisp Collar
Crisp Collar은(는) #B1C8D2: rgb(177 200 210), hsl(198 27% 76%), oklch(0.819 0.029 225.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Crisp Collar color name →
#B1C8D2
oklch(0.819 0.029 225.8)
색상 변환
- HEX
- #b1c8d2
- RGB
- rgb(177 200 210)
- HSL
- hsl(198 27% 76%)
- HWB
- hwb(198 69% 18%)
- OKLCH
- oklch(0.819 0.029 225.8)
- OKLab
- oklab(0.819 -0.02 -0.021)
- CIE Lab
- lab(79.1 -6.5 -7.78)
- LCH
- lch(79.1 10.14 230.1)
- CMYK
- cmyk(16% 5% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- B9CDD6
- C0D3DB
- C8D8DF
- D0DEE4
- D8E3E8
- DFE9ED
- E7EEF1
- EFF4F6
- F7F9FA
셰이드
- 99AEB6
- 83949B
- 6C7B81
- 576368
- 424C50
- 2F3639
- 1C2124
- 0C0F10
- 010202
톤
- ACC1C9
- A7B9C1
- A2B2B9
- 9DABB0
- 98A3A8
- 939CA0
- 8F9598
- 8A8E90
- 858788
색 조화
보색 +180°
- B1C8D2
Crisp Collar
- D4BEB5
≈ Wild Rice
유사색 -30° +30°
- B1C8D2
Crisp Collar
- AFCACA
≈ Seaport Steam
- B8C5D7
≈ Candela
삼각 배색 +120° +240°
- B1C8D2
Crisp Collar
- D2BDC8
≈ Queen’s Tart
- C6C5B0
≈ Spring Grey
분열 보색 +150° +210°
- B1C8D2
Crisp Collar
- D6BDBD
≈ Lilac Buds
- CFC2B0
≈ Merino Wool
사각 배색 +90° +180° +270°
- B1C8D2
Crisp Collar
- CBBED1
≈ My Mona
- D4BEB5
≈ Wild Rice
- BCC8B6
≈ Clay Ash
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.06:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--crisp-collar: #b1c8d2;
--crisp-collar-rgb: 177 200 210;
--crisp-collar-oklch: oklch(0.819 0.029 225.8);
}
.element {
color: var(--crisp-collar);
background-color: hsl(198 27% 76%);
border-color: oklch(0.819 0.029 225.8);
}Tailwind CSS v4
@theme {
--color-crisp-collar: #b1c8d2;
--color-crisp-collar-50: #edf7fc;
--color-crisp-collar-100: #dfeaef;
--color-crisp-collar-200: #c8d7de;
--color-crisp-collar-300: #a9bbc3;
--color-crisp-collar-400: #8da2ab;
--color-crisp-collar-500: #738b95;
--color-crisp-collar-600: #61757e;
--color-crisp-collar-700: #4e5e65;
--color-crisp-collar-800: #38454a;
--color-crisp-collar-900: #263033;
--color-crisp-collar-950: #151c1f;
}SCSS
$crisp-collar: #b1c8d2;
$crisp-collar-rgb: 177, 200, 210;
$crisp-collar-light: mix(#fff, $crisp-collar, 20%);
$crisp-collar-dark: mix(#000, $crisp-collar, 20%);
.element {
color: $crisp-collar;
box-shadow: 0 0 0 2px rgba($crisp-collar, 0.35);
}