Nazwany kolor · #D7E2DE
Windsurfer
Windsurfer to #D7E2DE: rgb(215 226 222), hsl(158 16% 86%), oklch(0.903 0.013 172.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Windsurfer color name →
#D7E2DE
oklch(0.903 0.013 172.3)
Konwersje koloru
- HEX
- #d7e2de
- RGB
- rgb(215 226 222)
- HSL
- hsl(158 16% 86%)
- HWB
- hwb(158 84% 11%)
- OKLCH
- oklch(0.903 0.013 172.3)
- OKLab
- oklab(0.903 -0.013 0.002)
- CIE Lab
- lab(88.95 -4.37 0.62)
- LCH
- lch(88.95 4.41 172)
- CMYK
- cmyk(5% 0% 2% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBE5E1
- DFE8E5
- E3EBE8
- E7EEEB
- EBF0EE
- EFF3F2
- F3F6F5
- F7F9F8
- FBFCFC
Odcienie ciemniejsze
- BBC4C1
- 9FA8A5
- 858C89
- 6B716F
- 525755
- 3B3E3D
- 252726
- 111212
- 020302
Tony
- CED8D4
- C5CECA
- BCC4C1
- B3BAB7
- ABB0AE
- A2A6A4
- 999C9B
- 919392
- 888989
Harmonie kolorów
Komplementarna +180°
- D7E2DE
Windsurfer
- E6DCE0
≈ Rare White Raven
Analogowa -30° +30°
- D7E2DE
Windsurfer
- DAE1DA
≈ Juniper Breeze
- D6E2E3
≈ April Winds
Triada +120° +240°
- D7E2DE
Windsurfer
- DFDEE7
≈ Minified Purple
- E6DDD7
≈ Patience
Komplementarna rozszczepiona +150° +210°
- D7E2DE
Windsurfer
- E3DCE4
≈ He Loves Me
- E8DCDB
≈ Coquette
Tetrada +90° +180° +270°
- D7E2DE
Windsurfer
- DADFE8
≈ Winter Ice
- E6DCE0
≈ Rare White Raven
- E3DED6
≈ Shy Beige
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.82:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--windsurfer: #d7e2de;
--windsurfer-rgb: 215 226 222;
--windsurfer-oklch: oklch(0.903 0.013 172.3);
}
.element {
color: var(--windsurfer);
background-color: hsl(158 16% 86%);
border-color: oklch(0.903 0.013 172.3);
}Tailwind CSS v4
@theme {
--color-windsurfer: #d7e2de;
--color-windsurfer-50: #f2f6f5;
--color-windsurfer-100: #e4e9e7;
--color-windsurfer-200: #cfd6d4;
--color-windsurfer-300: #b1bab7;
--color-windsurfer-400: #97a19d;
--color-windsurfer-500: #7e8985;
--color-windsurfer-600: #6b7471;
--color-windsurfer-700: #555d5a;
--color-windsurfer-800: #3e4442;
--color-windsurfer-900: #2b2f2d;
--color-windsurfer-950: #181b1a;
}SCSS
$windsurfer: #d7e2de;
$windsurfer-rgb: 215, 226, 222;
$windsurfer-light: mix(#fff, $windsurfer, 20%);
$windsurfer-dark: mix(#000, $windsurfer, 20%);
.element {
color: $windsurfer;
box-shadow: 0 0 0 2px rgba($windsurfer, 0.35);
}