Benannte Farbe · #BDD1D2
Windy
Windy ist #BDD1D2: rgb(189 209 210), hsl(183 19% 78%), oklch(0.846 0.022 200.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Windy color name →
#BDD1D2
oklch(0.846 0.022 200.4)
Farbumrechnungen
- HEX
- #bdd1d2
- RGB
- rgb(189 209 210)
- HSL
- hsl(183 19% 78%)
- HWB
- hwb(183 74% 18%)
- OKLCH
- oklch(0.846 0.022 200.4)
- OKLab
- oklab(0.846 -0.02 -0.008)
- CIE Lab
- lab(82.35 -6.83 -2.92)
- LCH
- lch(82.35 7.42 203.1)
- CMYK
- cmyk(10% 0% 0% 18%)
Tints · Shades · Tones
Tints
- C4D6D6
- CADADB
- D1DFDF
- D7E3E4
- DEE8E8
- E4ECED
- EBF1F1
- F2F6F6
- F8FAFA
Shades
- A4B5B6
- 8C9B9B
- 748181
- 5D6868
- 475050
- 333939
- 1F2324
- 0D1010
- 020202
Tones
- B7C9C9
- B1C0C1
- AAB8B9
- A4B0B0
- 9EA8A8
- 98A0A0
- 929898
- 8C9090
- 868888
Farbharmonien
Komplementär +180°
- BDD1D2
Windy
- DAC7C6
≈ Fairview Taupe
Analog -30° +30°
- BDD1D2
Windy
- BFD1CA
≈ Sonoma Sky
- BFCFD8
≈ Keepsake
Triadisch +120° +240°
- BDD1D2
Windy
- D3C8D5
≈ Orchid Tint
- D4CBBD
≈ Shoreline Haze
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.21:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--windy: #bdd1d2;
--windy-rgb: 189 209 210;
--windy-oklch: oklch(0.846 0.022 200.4);
}
.element {
color: var(--windy);
background-color: hsl(183 19% 78%);
border-color: oklch(0.846 0.022 200.4);
}Tailwind CSS v4
@theme {
--color-windy: #bdd1d2;
--color-windy-50: #eef7f8;
--color-windy-100: #e0eaeb;
--color-windy-200: #cad7d8;
--color-windy-300: #abbbbc;
--color-windy-400: #90a3a3;
--color-windy-500: #768b8c;
--color-windy-600: #647576;
--color-windy-700: #505e5f;
--color-windy-800: #3a4545;
--color-windy-900: #283030;
--color-windy-950: #161c1c;
}SCSS
$windy: #bdd1d2;
$windy-rgb: 189, 209, 210;
$windy-light: mix(#fff, $windy, 20%);
$windy-dark: mix(#000, $windy, 20%);
.element {
color: $windy;
box-shadow: 0 0 0 2px rgba($windy, 0.35);
}