Cor nomeada · #D3E0DE
Spring Mist
Spring Mist é #D3E0DE: rgb(211 224 222), hsl(171 17% 85%), oklch(0.896 0.014 185.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Spring Mist color name →
#D3E0DE
oklch(0.896 0.014 185.9)
Conversões de cor
- HEX
- #d3e0de
- RGB
- rgb(211 224 222)
- HSL
- hsl(171 17% 85%)
- HWB
- hwb(171 83% 12%)
- OKLCH
- oklch(0.896 0.014 185.9)
- OKLab
- oklab(0.896 -0.014 -0.001)
- CIE Lab
- lab(88.14 -4.79 -0.6)
- LCH
- lch(88.14 4.82 187.2)
- CMYK
- cmyk(6% 0% 1% 12%)
Tons claros · Sombras · Tons
Tons claros
- D7E3E1
- DCE6E5
- E0E9E8
- E4ECEB
- E9EFEE
- EDF3F2
- F2F6F5
- F6F9F8
- FBFCFC
Sombras
- B7C3C1
- 9CA6A5
- 828A89
- 69706F
- 515655
- 3A3E3D
- 242726
- 101212
- 020202
Tons
- CAD6D4
- C2CCCA
- B9C2C1
- B1B8B7
- A9AFAE
- A0A5A4
- 989C9B
- 909292
- 888989
Harmonias de cor
Complementar +180°
- D3E0DE
Spring Mist
- E6D9DB
≈ Death Cap
Análoga -30° +30°
- D3E0DE
Spring Mist
- D6E0D9
≈ Dewy
- D3DFE3
≈ Breakwater
Tríade +120° +240°
- D3E0DE
Spring Mist
- DFDBE4
≈ Pale Orchid
- E4DBD3
≈ Gauzy White
Complementar dividida +150° +210°
- D3E0DE
Spring Mist
- E3D9E0
≈ Puffball Vapour
- E6DAD6
≈ Light Watermelon Milk
Tétrade +90° +180° +270°
- D3E0DE
Spring Mist
- DADCE6
≈ Sweet Harbour
- E6D9DB
≈ Death Cap
- DFDDD3
≈ Clear Stone
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.48:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--spring-mist: #d3e0de;
--spring-mist-rgb: 211 224 222;
--spring-mist-oklch: oklch(0.896 0.014 185.9);
}
.element {
color: var(--spring-mist);
background-color: hsl(171 17% 85%);
border-color: oklch(0.896 0.014 185.9);
}Tailwind CSS v4
@theme {
--color-spring-mist: #d3e0de;
--color-spring-mist-50: #f1f6f6;
--color-spring-mist-100: #e3e9e9;
--color-spring-mist-200: #ced6d5;
--color-spring-mist-300: #b0bab9;
--color-spring-mist-400: #96a19f;
--color-spring-mist-500: #7c8987;
--color-spring-mist-600: #697473;
--color-spring-mist-700: #545d5c;
--color-spring-mist-800: #3d4443;
--color-spring-mist-900: #2a2f2e;
--color-spring-mist-950: #181c1b;
}SCSS
$spring-mist: #d3e0de;
$spring-mist-rgb: 211, 224, 222;
$spring-mist-light: mix(#fff, $spring-mist, 20%);
$spring-mist-dark: mix(#000, $spring-mist, 20%);
.element {
color: $spring-mist;
box-shadow: 0 0 0 2px rgba($spring-mist, 0.35);
}