Named color · #CBD0CF
Geyser Steam
Geyser Steam is #CBD0CF: rgb(203 208 207), hsl(168 5% 81%), oklch(0.853 0.006 183). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Geyser Steam color name →
#CBD0CF
oklch(0.853 0.006 183)
Color conversions
- HEX
- #cbd0cf
- RGB
- rgb(203 208 207)
- HSL
- hsl(168 5% 81%)
- HWB
- hwb(168 80% 18%)
- OKLCH
- oklch(0.853 0.006 183)
- OKLab
- oklab(0.853 -0.006 0)
- CIE Lab
- lab(83.07 -1.91 -0.13)
- LCH
- lch(83.07 1.91 183.9)
- CMYK
- cmyk(2% 0% 0% 18%)
Tints · Shades · Tones
Tints
- D0D5D4
- D5D9D8
- DADEDD
- E0E3E2
- E5E7E7
- EAECEC
- EFF1F0
- F4F5F5
- FAFAFA
Shades
- B0B5B4
- 969A99
- 7D807F
- 656767
- 4D4F4F
- 373938
- 222323
- 0F1010
- 020202
Tones
- C3C8C7
- BCBFBF
- B4B7B7
- ACAFAF
- A5A7A7
- 9D9F9F
- 969797
- 8E8F8F
- 878888
Color harmonies
Complementary +180°
- CBD0CF
Geyser Steam
- D2CDCE
≈ Watermill Wood
Analogous -30° +30°
- CBD0CF
Geyser Steam
- CCD0CD
≈ Sparkling Silver
- CBD0D1
≈ Harp Strings
Triadic +120° +240°
- CBD0CF
Geyser Steam
- CFCED2
≈ Inuit White
- D2CECB
≈ Elusion
Split-complementary +150° +210°
- CBD0CF
Geyser Steam
- D1CDD0
≈ Inuit White
- D2CDCC
≈ Off Shore
Tetradic +90° +180° +270°
- CBD0CF
Geyser Steam
- CDCFD3
≈ Callisto
- D2CDCE
≈ Watermill Wood
- D0CFCB
≈ Touch of Grey
Contrast & accessibility
Ag
FailOn white
WCAG 1.55:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.46:1 · APCA Lc 77
Best text color: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--geyser-steam: #cbd0cf;
--geyser-steam-rgb: 203 208 207;
--geyser-steam-oklch: oklch(0.853 0.006 183);
}
.element {
color: var(--geyser-steam);
background-color: hsl(168 5% 81%);
border-color: oklch(0.853 0.006 183);
}Tailwind CSS v4
@theme {
--color-geyser-steam: #cbd0cf;
--color-geyser-steam-50: #f3f6f5;
--color-geyser-steam-100: #e6e8e8;
--color-geyser-steam-200: #d2d5d4;
--color-geyser-steam-300: #b4b8b8;
--color-geyser-steam-400: #9b9f9f;
--color-geyser-steam-500: #828786;
--color-geyser-steam-600: #6e7372;
--color-geyser-steam-700: #585c5b;
--color-geyser-steam-800: #404342;
--color-geyser-steam-900: #2c2e2e;
--color-geyser-steam-950: #191b1b;
}SCSS
$geyser-steam: #cbd0cf;
$geyser-steam-rgb: 203, 208, 207;
$geyser-steam-light: mix(#fff, $geyser-steam, 20%);
$geyser-steam-dark: mix(#000, $geyser-steam, 20%);
.element {
color: $geyser-steam;
box-shadow: 0 0 0 2px rgba($geyser-steam, 0.35);
}