Nazwany kolor · #E1E6EB
Winter Haven
Winter Haven to #E1E6EB: rgb(225 230 235), hsl(210 20% 90%), oklch(0.923 0.009 247.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Winter Haven color name →
#E1E6EB
oklch(0.923 0.009 247.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4E8ED
- E7EBEF
- EAEDF1
- EDF0F3
- F0F2F5
- F3F5F7
- F6F7F9
- F9FAFB
- FCFCFD
Odcienie ciemniejsze
- C4C8CC
- A7ABAE
- 8B8E91
- 707375
- 56595B
- 3E4041
- 272829
- 121313
- 020303
Tony
- D7DBE0
- CDD1D5
- C3C6CA
- B9BCBF
- AFB2B4
- A6A7A9
- 9C9D9F
- 939394
- 898A8A
Harmonie kolorów
Komplementarna +180°
- E1E6EB
Winter Haven
- E9E4DF
≈ Lime White
Analogowa -30° +30°
- E1E6EB
Winter Haven
- DFE7E9
≈ Filigree
- E4E5EB
≈ Genteel Lavender
Triada +120° +240°
- E1E6EB
Winter Haven
- EBE3E4
≈ Delicacy White
- E4E7E0
≈ White Blaze
Komplementarna rozszczepiona +150° +210°
- E1E6EB
Winter Haven
- EBE4E1
≈ Winged Victory
- E7E5DF
≈ Puffy Pillow
Tetrada +90° +180° +270°
- E1E6EB
Winter Haven
- E9E3E7
≈ Winter Orchid
- E9E4DF
≈ Lime White
- E1E7E3
≈ Glimmer
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.71:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.71:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}