Named color · #D1CDD0
Inuit White
Inuit White is #D1CDD0: rgb(209 205 208), hsl(315 4% 81%), oklch(0.852 0.006 334). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Inuit White color name →
#D1CDD0
oklch(0.852 0.006 334)
Color conversions
- HEX
- #d1cdd0
- RGB
- rgb(209 205 208)
- HSL
- hsl(315 4% 81%)
- HWB
- hwb(315 80% 18%)
- OKLCH
- oklch(0.852 0.006 334)
- OKLab
- oklab(0.852 0.005 -0.003)
- CIE Lab
- lab(82.79 1.83 -0.98)
- LCH
- lch(82.79 2.08 331.8)
- CMYK
- cmyk(0% 2% 0% 18%)
Tints · Shades · Tones
Tints
- D6D2D5
- DAD7D9
- DFDCDE
- E3E1E3
- E8E6E7
- ECEBEC
- F1F0F1
- F6F5F5
- FAFAFA
Shades
- B5B2B5
- 9B989A
- 817E80
- 686667
- 504E4F
- 393839
- 232323
- 100F10
- 020202
Tones
- C9C5C8
- C0BDBF
- B8B5B7
- B0ADAF
- A8A6A7
- A09E9F
- 989697
- 908F8F
- 888788
Color harmonies
Complementary +180°
- D1CDD0
Inuit White
- CCD0CD
≈ Sparkling Silver
Analogous -30° +30°
- D1CDD0
Inuit White
- CFCDD2
≈ Inuit White
- D2CDCE
≈ Watermill Wood
Triadic +120° +240°
- D1CDD0
Inuit White
- D0CECA
≈ On the Rocks
- CACFD1
≈ Callisto
Split-complementary +150° +210°
- D1CDD0
Inuit White
- CDCFCB
≈ Planetary Silver
- CAD0CF
≈ Geyser Steam
Tetradic +90° +180° +270°
- D1CDD0
Inuit White
- D1CECA
≈ Free Reign
- CCD0CD
≈ Sparkling Silver
- CBCFD2
≈ Callisto
Contrast & accessibility
Ag
FailOn white
WCAG 1.57:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.35:1 · APCA Lc 77
Best text color: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--inuit-white: #d1cdd0;
--inuit-white-rgb: 209 205 208;
--inuit-white-oklch: oklch(0.852 0.006 334);
}
.element {
color: var(--inuit-white);
background-color: hsl(315 4% 81%);
border-color: oklch(0.852 0.006 334);
}Tailwind CSS v4
@theme {
--color-inuit-white: #d1cdd0;
--color-inuit-white-50: #f6f4f6;
--color-inuit-white-100: #e9e7e8;
--color-inuit-white-200: #d6d3d5;
--color-inuit-white-300: #b9b6b8;
--color-inuit-white-400: #a19da0;
--color-inuit-white-500: #898588;
--color-inuit-white-600: #747073;
--color-inuit-white-700: #5d5a5c;
--color-inuit-white-800: #444243;
--color-inuit-white-900: #2f2d2e;
--color-inuit-white-950: #1b1a1b;
}SCSS
$inuit-white: #d1cdd0;
$inuit-white-rgb: 209, 205, 208;
$inuit-white-light: mix(#fff, $inuit-white, 20%);
$inuit-white-dark: mix(#000, $inuit-white, 20%);
.element {
color: $inuit-white;
box-shadow: 0 0 0 2px rgba($inuit-white, 0.35);
}