Cor nomeada · #E1E6EB
Winter Haven
Winter Haven é #E1E6EB: rgb(225 230 235), hsl(210 20% 90%), oklch(0.923 0.009 247.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Winter Haven color name →
#E1E6EB
oklch(0.923 0.009 247.9)
Conversões de cor
- HEX
- #e1e6eb
- RGB
- rgb(225 230 235)
- HSL
- hsl(210 20% 90%)
- HWB
- hwb(210 88% 8%)
- OKLCH
- oklch(0.923 0.009 247.9)
- OKLab
- oklab(0.923 -0.003 -0.008)
- CIE Lab
- lab(91.01 -1.05 -3.06)
- LCH
- lch(91.01 3.23 251)
- CMYK
- cmyk(4% 2% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- E4E8ED
- E7EBEF
- EAEDF1
- EDF0F3
- F0F2F5
- F3F5F7
- F6F7F9
- F9FAFB
- FCFCFD
Sombras
- C4C8CC
- A7ABAE
- 8B8E91
- 707375
- 56595B
- 3E4041
- 272829
- 121313
- 020303
Tons
- D7DBE0
- CDD1D5
- C3C6CA
- B9BCBF
- AFB2B4
- A6A7A9
- 9C9D9F
- 939394
- 898A8A
Harmonias de cor
Complementar +180°
- E1E6EB
Winter Haven
- E9E4DF
≈ Lime White
Análoga -30° +30°
- E1E6EB
Winter Haven
- DFE7E9
≈ Filigree
- E4E5EB
≈ Genteel Lavender
Tríade +120° +240°
- E1E6EB
Winter Haven
- EBE3E4
≈ Delicacy White
- E4E7E0
≈ White Blaze
Complementar dividida +150° +210°
- E1E6EB
Winter Haven
- EBE4E1
≈ Winged Victory
- E7E5DF
≈ Puffy Pillow
Tétrade +90° +180° +270°
- E1E6EB
Winter Haven
- E9E3E7
≈ Winter Orchid
- E9E4DF
≈ Lime White
- E1E7E3
≈ Glimmer
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.71:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--winter-haven: #e1e6eb;
--winter-haven-rgb: 225 230 235;
--winter-haven-oklch: oklch(0.923 0.009 247.9);
}
.element {
color: var(--winter-haven);
background-color: hsl(210 20% 90%);
border-color: oklch(0.923 0.009 247.9);
}Tailwind CSS v4
@theme {
--color-winter-haven: #e1e6eb;
--color-winter-haven-50: #f3f5f7;
--color-winter-haven-100: #e6e8eb;
--color-winter-haven-200: #d1d4d8;
--color-winter-haven-300: #b4b8bc;
--color-winter-haven-400: #9a9fa3;
--color-winter-haven-500: #82878c;
--color-winter-haven-600: #6e7276;
--color-winter-haven-700: #585b5f;
--color-winter-haven-800: #404345;
--color-winter-haven-900: #2c2e30;
--color-winter-haven-950: #191b1c;
}SCSS
$winter-haven: #e1e6eb;
$winter-haven-rgb: 225, 230, 235;
$winter-haven-light: mix(#fff, $winter-haven, 20%);
$winter-haven-dark: mix(#000, $winter-haven, 20%);
.element {
color: $winter-haven;
box-shadow: 0 0 0 2px rgba($winter-haven, 0.35);
}