Couleur nommée · #D6E5EA
Dreamstress
Dreamstress correspond à #D6E5EA : rgb(214 229 234), hsl(195 32% 88%), oklch(0.912 0.017 219.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Dreamstress color name →
#D6E5EA
oklch(0.912 0.017 219.7)
Conversions de couleur
- HEX
- #d6e5ea
- RGB
- rgb(214 229 234)
- HSL
- hsl(195 32% 88%)
- HWB
- hwb(195 84% 8%)
- OKLCH
- oklch(0.912 0.017 219.7)
- OKLab
- oklab(0.912 -0.013 -0.011)
- CIE Lab
- lab(89.91 -4.46 -4.25)
- LCH
- lch(89.91 6.16 223.7)
- CMYK
- cmyk(9% 2% 0% 8%)
Teintes · Ombres · Tons
Teintes
- DAE8EC
- DEEAEE
- E2EDF0
- E6EFF2
- EAF2F4
- EFF5F7
- F3F7F9
- F7FAFB
- FBFCFD
Ombres
- BAC7CB
- 9EAAAE
- 848E91
- 6A7275
- 52585A
- 3B3F41
- 252829
- 101213
- 020303
Tons
- CDDADF
- C4D0D4
- BBC6C9
- B3BBBE
- AAB1B4
- A1A7A9
- 999D9F
- 919394
- 888A8A
Harmonies de couleurs
Complémentaire +180°
- D6E5EA
Dreamstress
- EDDED9
≈ Apricot Foam
Analogue -30° +30°
- D6E5EA
Dreamstress
- D6E6E4
≈ Interdimensional Portal
- DAE3ED
≈ Iceberg
Triadique +120° +240°
- D6E5EA
Dreamstress
- EADEE6
≈ Ostrich Tail
- E4E2D5
≈ Paramount White
Complémentaire divisée +150° +210°
- D6E5EA
Dreamstress
- EDDDDF
≈ Silk Sheets
- EAE0D6
≈ Soft & Warm
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.29:1 · APCA Lc 14
Ag
AAASur noir
WCAG 16.25:1 · APCA Lc 89
Meilleure couleur de texte: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
Extraits de code
CSS
:root {
--dreamstress: #d6e5ea;
--dreamstress-rgb: 214 229 234;
--dreamstress-oklch: oklch(0.912 0.017 219.7);
}
.element {
color: var(--dreamstress);
background-color: hsl(195 32% 88%);
border-color: oklch(0.912 0.017 219.7);
}Tailwind CSS v4
@theme {
--color-dreamstress: #d6e5ea;
--color-dreamstress-50: #f0f6f9;
--color-dreamstress-100: #e2e9ec;
--color-dreamstress-200: #cdd6da;
--color-dreamstress-300: #aebabe;
--color-dreamstress-400: #94a1a6;
--color-dreamstress-500: #7a898e;
--color-dreamstress-600: #677478;
--color-dreamstress-700: #535d60;
--color-dreamstress-800: #3c4446;
--color-dreamstress-900: #292f31;
--color-dreamstress-950: #171b1d;
}SCSS
$dreamstress: #d6e5ea;
$dreamstress-rgb: 214, 229, 234;
$dreamstress-light: mix(#fff, $dreamstress, 20%);
$dreamstress-dark: mix(#000, $dreamstress, 20%);
.element {
color: $dreamstress;
box-shadow: 0 0 0 2px rgba($dreamstress, 0.35);
}