Nazwany kolor · #BDD1D2
Windy
Windy to #BDD1D2: rgb(189 209 210), hsl(183 19% 78%), oklch(0.846 0.022 200.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Windy color name →
#BDD1D2
oklch(0.846 0.022 200.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4D6D6
- CADADB
- D1DFDF
- D7E3E4
- DEE8E8
- E4ECED
- EBF1F1
- F2F6F6
- F8FAFA
Odcienie ciemniejsze
- A4B5B6
- 8C9B9B
- 748181
- 5D6868
- 475050
- 333939
- 1F2324
- 0D1010
- 020202
Tony
- B7C9C9
- B1C0C1
- AAB8B9
- A4B0B0
- 9EA8A8
- 98A0A0
- 929898
- 8C9090
- 868888
Harmonie kolorów
Komplementarna +180°
- BDD1D2
Windy
- DAC7C6
≈ Fairview Taupe
Analogowa -30° +30°
- BDD1D2
Windy
- BFD1CA
≈ Sonoma Sky
- BFCFD8
≈ Keepsake
Triada +120° +240°
- BDD1D2
Windy
- D3C8D5
≈ Orchid Tint
- D4CBBD
≈ Shoreline Haze
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.21:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}