Couleur nommée · #CCD0DA
Steam Bath
Steam Bath correspond à #CCD0DA : rgb(204 208 218), hsl(223 16% 83%), oklch(0.857 0.014 268.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Steam Bath color name →
#CCD0DA
oklch(0.857 0.014 268.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D1D5DE
- D6D9E1
- DBDEE5
- E0E3E9
- E5E7EC
- EAECF0
- EFF1F4
- F5F5F8
- FAFAFB
Ombres
- B1B5BD
- 979AA2
- 7E8087
- 65676C
- 4E4F54
- 37393C
- 222325
- 0F1011
- 020202
Tons
- C4C8D1
- BCBFC7
- B5B7BE
- ADAFB5
- A5A7AC
- 9E9FA3
- 96979A
- 8F8F91
- 878889
Harmonies de couleurs
Complémentaire +180°
- CCD0DA
Steam Bath
- D4D0C6
≈ Greybeard
Analogue -30° +30°
- CCD0DA
Steam Bath
- C8D2D9
≈ Serene Setting
- D1CED9
≈ Lavender Sparkle
Triadique +120° +240°
- CCD0DA
Steam Bath
- DACDCB
≈ Shinkansen White
- CAD3CB
≈ Touch of Spring
Complémentaire divisée +150° +210°
- CCD0DA
Steam Bath
- D8CEC7
≈ Instant
- CFD2C7
≈ Frivolous Folly
Tétradique +90° +180° +270°
- CCD0DA
Steam Bath
- D9CCD0
≈ Light Mosque
- D4D0C6
≈ Greybeard
- C7D3D0
≈ Blue Flower
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.54:1 · APCA Lc 25
Ag
AAASur noir
WCAG 13.60:1 · APCA Lc 78
Meilleure couleur de texte: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Extraits de code
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);
}