Named color · #D3E7E5
Plateau
Plateau is #D3E7E5: rgb(211 231 229), hsl(174 29% 87%), oklch(0.913 0.021 189.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Plateau color name →
#D3E7E5
oklch(0.913 0.021 189.5)
Color conversions
- HEX
- #d3e7e5
- RGB
- rgb(211 231 229)
- HSL
- hsl(174 29% 87%)
- HWB
- hwb(174 83% 9%)
- OKLCH
- oklch(0.913 0.021 189.5)
- OKLab
- oklab(0.913 -0.021 -0.004)
- CIE Lab
- lab(90.1 -7.14 -1.41)
- LCH
- lch(90.1 7.28 191.2)
- CMYK
- cmyk(9% 0% 1% 9%)
Tints · Shades · Tones
Tints
- D7E9E8
- DCECEA
- E0EEED
- E5F1EF
- E9F3F2
- EDF5F5
- F2F8F7
- F6FAFA
- FBFDFC
Shades
- B7C9C7
- 9CABAA
- 828F8E
- 697372
- 515958
- 3A403F
- 242828
- 101312
- 020303
Tones
- CADCDA
- C2D2D0
- B9C7C6
- B1BCBB
- A9B2B1
- A0A8A7
- 989E9D
- 909493
- 888A8A
Color harmonies
Complementary +180°
- D3E7E5
Plateau
- F0DDDF
≈ Silk Sheets
Analogous -30° +30°
- D3E7E5
Plateau
- D7E7DD
≈ Toadstool Dot
- D3E6EC
≈ Ocean Breeze
Triadic +120° +240°
- D3E7E5
Plateau
- E6DEED
≈ Pink Champagne
- ECE0D3
≈ Platinum Ogon Koi
Split-complementary +150° +210°
- D3E7E5
Plateau
- EDDDE7
≈ Fairy Tail
- F0DED8
≈ Apricot Foam
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.33:1 · APCA Lc 90
Best text color: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--plateau: #d3e7e5;
--plateau-rgb: 211 231 229;
--plateau-oklch: oklch(0.913 0.021 189.5);
}
.element {
color: var(--plateau);
background-color: hsl(174 29% 87%);
border-color: oklch(0.913 0.021 189.5);
}Tailwind CSS v4
@theme {
--color-plateau: #d3e7e5;
--color-plateau-50: #eff7f6;
--color-plateau-100: #e0eae9;
--color-plateau-200: #cad7d6;
--color-plateau-300: #acbbba;
--color-plateau-400: #91a3a1;
--color-plateau-500: #778b89;
--color-plateau-600: #657674;
--color-plateau-700: #505e5d;
--color-plateau-800: #3a4544;
--color-plateau-900: #28302f;
--color-plateau-950: #161c1b;
}SCSS
$plateau: #d3e7e5;
$plateau-rgb: 211, 231, 229;
$plateau-light: mix(#fff, $plateau, 20%);
$plateau-dark: mix(#000, $plateau, 20%);
.element {
color: $plateau;
box-shadow: 0 0 0 2px rgba($plateau, 0.35);
}