이름 색상 · #CCD0DA
Steam Bath
Steam Bath은(는) #CCD0DA: rgb(204 208 218), hsl(223 16% 83%), oklch(0.857 0.014 268.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Steam Bath color name →
#CCD0DA
oklch(0.857 0.014 268.5)
색상 변환
- HEX
- #ccd0da
- RGB
- rgb(204 208 218)
- HSL
- hsl(223 16% 83%)
- HWB
- hwb(223 80% 15%)
- OKLCH
- oklch(0.857 0.014 268.5)
- OKLab
- oklab(0.857 0 -0.014)
- CIE Lab
- lab(83.39 0 -5.47)
- LCH
- lch(83.39 5.47 270)
- CMYK
- cmyk(6% 5% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- D1D5DE
- D6D9E1
- DBDEE5
- E0E3E9
- E5E7EC
- EAECF0
- EFF1F4
- F5F5F8
- FAFAFB
셰이드
- B1B5BD
- 979AA2
- 7E8087
- 65676C
- 4E4F54
- 37393C
- 222325
- 0F1011
- 020202
톤
- C4C8D1
- BCBFC7
- B5B7BE
- ADAFB5
- A5A7AC
- 9E9FA3
- 96979A
- 8F8F91
- 878889
색 조화
보색 +180°
- CCD0DA
Steam Bath
- D4D0C6
≈ Greybeard
유사색 -30° +30°
- CCD0DA
Steam Bath
- C8D2D9
≈ Serene Setting
- D1CED9
≈ Lavender Sparkle
삼각 배색 +120° +240°
- CCD0DA
Steam Bath
- DACDCB
≈ Shinkansen White
- CAD3CB
≈ Touch of Spring
분열 보색 +150° +210°
- CCD0DA
Steam Bath
- D8CEC7
≈ Instant
- CFD2C7
≈ Frivolous Folly
사각 배색 +90° +180° +270°
- CCD0DA
Steam Bath
- D9CCD0
≈ Light Mosque
- D4D0C6
≈ Greybeard
- C7D3D0
≈ Blue Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.60:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--steam-bath: #ccd0da;
--steam-bath-rgb: 204 208 218;
--steam-bath-oklch: oklch(0.857 0.014 268.5);
}
.element {
color: var(--steam-bath);
background-color: hsl(223 16% 83%);
border-color: oklch(0.857 0.014 268.5);
}Tailwind CSS v4
@theme {
--color-steam-bath: #ccd0da;
--color-steam-bath-50: #f3f5f9;
--color-steam-bath-100: #e6e8ed;
--color-steam-bath-200: #d2d4db;
--color-steam-bath-300: #b4b7bf;
--color-steam-bath-400: #9b9ea7;
--color-steam-bath-500: #828690;
--color-steam-bath-600: #6e717a;
--color-steam-bath-700: #585b62;
--color-steam-bath-800: #404248;
--color-steam-bath-900: #2c2e32;
--color-steam-bath-950: #191b1e;
}SCSS
$steam-bath: #ccd0da;
$steam-bath-rgb: 204, 208, 218;
$steam-bath-light: mix(#fff, $steam-bath, 20%);
$steam-bath-dark: mix(#000, $steam-bath, 20%);
.element {
color: $steam-bath;
box-shadow: 0 0 0 2px rgba($steam-bath, 0.35);
}