이름 색상 · #B0C1C2
Degas Blue
Degas Blue은(는) #B0C1C2: rgb(176 193 194), hsl(183 13% 73%), oklch(0.798 0.019 201.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Degas Blue color name →
#B0C1C2
oklch(0.798 0.019 201.1)
색상 변환
- HEX
- #b0c1c2
- RGB
- rgb(176 193 194)
- HSL
- hsl(183 13% 73%)
- HWB
- hwb(183 69% 24%)
- OKLCH
- oklch(0.798 0.019 201.1)
- OKLab
- oklab(0.798 -0.017 -0.007)
- CIE Lab
- lab(76.78 -5.88 -2.6)
- LCH
- lch(76.78 6.43 203.9)
- CMYK
- cmyk(9% 1% 0% 24%)
틴트 · 셰이드 · 톤
틴트
- B8C7C8
- BFCDCE
- C7D3D4
- CFD9DA
- D7E0E0
- DFE6E6
- E7ECEC
- EFF2F3
- F7F9F9
셰이드
- 99A7A8
- 828F8F
- 6C7777
- 565F60
- 424949
- 2E3434
- 1C2020
- 0B0E0E
- 010202
톤
- ABBABB
- A6B4B4
- A1ADAE
- 9DA6A7
- 98A0A0
- 93999A
- 8E9393
- 898D8D
- 858686
색 조화
보색 +180°
- B0C1C2
Degas Blue
- C9B9B8
≈ Studio Mauve
유사색 -30° +30°
- B0C1C2
Degas Blue
- B2C1BB
≈ April Thicket
- B2C0C7
≈ Winter Wonderland
삼각 배색 +120° +240°
- B0C1C2
Degas Blue
- C3B9C5
≈ Pocketful of Posies
- C3BCB0
≈ Cloud Over London
분열 보색 +150° +210°
- B0C1C2
Degas Blue
- C7B8BE
≈ Hazy Iris
- C8BAB3
≈ Seagull Beach
사각 배색 +90° +180° +270°
- B0C1C2
Degas Blue
- BDBBC9
≈ Silverberry
- C9B9B8
≈ Studio Mauve
- BDBEB1
≈ Austere Grey
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.25:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--degas-blue: #b0c1c2;
--degas-blue-rgb: 176 193 194;
--degas-blue-oklch: oklch(0.798 0.019 201.1);
}
.element {
color: var(--degas-blue);
background-color: hsl(183 13% 73%);
border-color: oklch(0.798 0.019 201.1);
}Tailwind CSS v4
@theme {
--color-degas-blue: #b0c1c2;
--color-degas-blue-50: #eff7f7;
--color-degas-blue-100: #e1eaeb;
--color-degas-blue-200: #ccd7d8;
--color-degas-blue-300: #adbabc;
--color-degas-blue-400: #92a2a3;
--color-degas-blue-500: #788a8b;
--color-degas-blue-600: #667576;
--color-degas-blue-700: #515d5e;
--color-degas-blue-800: #3b4445;
--color-degas-blue-900: #292f30;
--color-degas-blue-950: #161c1c;
}SCSS
$degas-blue: #b0c1c2;
$degas-blue-rgb: 176, 193, 194;
$degas-blue-light: mix(#fff, $degas-blue, 20%);
$degas-blue-dark: mix(#000, $degas-blue, 20%);
.element {
color: $degas-blue;
box-shadow: 0 0 0 2px rgba($degas-blue, 0.35);
}