이름 색상 · #B7D0C5
Quiet Drizzle
Quiet Drizzle은(는) #B7D0C5: rgb(183 208 197), hsl(154 21% 77%), oklch(0.836 0.031 167.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Quiet Drizzle color name →
#B7D0C5
oklch(0.836 0.031 167.3)
색상 변환
- HEX
- #b7d0c5
- RGB
- rgb(183 208 197)
- HSL
- hsl(154 21% 77%)
- HWB
- hwb(154 72% 18%)
- OKLCH
- oklch(0.836 0.031 167.3)
- OKLab
- oklab(0.836 -0.03 0.007)
- CIE Lab
- lab(81.37 -10.3 2.49)
- LCH
- lch(81.37 10.6 166.4)
- CMYK
- cmyk(12% 0% 5% 18%)
틴트 · 셰이드 · 톤
틴트
- BED5CB
- C5D9D0
- CCDED6
- D4E3DC
- DBE7E2
- E2ECE7
- E9F1ED
- F0F5F3
- F8FAF9
셰이드
- 9FB5AB
- 879A92
- 708079
- 5A6761
- 454F4B
- 313935
- 1E2321
- 0C100E
- 020202
톤
- B1C8BE
- ACBFB7
- A6B7B0
- A1AFA9
- 9BA7A2
- 969F9B
- 909794
- 8B8F8D
- 858887
색 조화
보색 +180°
- B7D0C5
Quiet Drizzle
- D9C1CD
≈ Twilight Light
유사색 -30° +30°
- B7D0C5
Quiet Drizzle
- C0CEBB
≈ Mellow Spring
- B3D0D0
≈ Turquoise Grey
삼각 배색 +120° +240°
- B7D0C5
Quiet Drizzle
- C7C7DD
≈ Pax
- DBC4B8
≈ Basic Coral
분열 보색 +150° +210°
- B7D0C5
Quiet Drizzle
- D2C3D7
≈ Seedless Grape
- DDC2C2
≈ Cameo Appearance
사각 배색 +90° +180° +270°
- B7D0C5
Quiet Drizzle
- BDCADE
≈ Arctic Grey
- D9C1CD
≈ Twilight Light
- D5C7B3
≈ Desert Suede
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.84:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--quiet-drizzle: #b7d0c5;
--quiet-drizzle-rgb: 183 208 197;
--quiet-drizzle-oklch: oklch(0.836 0.031 167.3);
}
.element {
color: var(--quiet-drizzle);
background-color: hsl(154 21% 77%);
border-color: oklch(0.836 0.031 167.3);
}Tailwind CSS v4
@theme {
--color-quiet-drizzle: #b7d0c5;
--color-quiet-drizzle-50: #edf8f4;
--color-quiet-drizzle-100: #deebe6;
--color-quiet-drizzle-200: #c8d9d2;
--color-quiet-drizzle-300: #a9bdb5;
--color-quiet-drizzle-400: #8ea59b;
--color-quiet-drizzle-500: #738d82;
--color-quiet-drizzle-600: #62776e;
--color-quiet-drizzle-700: #4e5f58;
--color-quiet-drizzle-800: #394640;
--color-quiet-drizzle-900: #27302c;
--color-quiet-drizzle-950: #151d19;
}SCSS
$quiet-drizzle: #b7d0c5;
$quiet-drizzle-rgb: 183, 208, 197;
$quiet-drizzle-light: mix(#fff, $quiet-drizzle, 20%);
$quiet-drizzle-dark: mix(#000, $quiet-drizzle, 20%);
.element {
color: $quiet-drizzle;
box-shadow: 0 0 0 2px rgba($quiet-drizzle, 0.35);
}