Nazwany kolor · #9FC9E4
Windsor Way
Windsor Way to #9FC9E4: rgb(159 201 228), hsl(203 56% 76%), oklch(0.815 0.059 236.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Windsor Way color name →
#9FC9E4
oklch(0.815 0.059 236.6)
Konwersje koloru
- HEX
- #9fc9e4
- RGB
- rgb(159 201 228)
- HSL
- hsl(203 56% 76%)
- HWB
- hwb(203 62% 11%)
- OKLCH
- oklch(0.815 0.059 236.6)
- OKLab
- oklab(0.815 -0.032 -0.049)
- CIE Lab
- lab(78.63 -9.67 -18.24)
- LCH
- lch(78.63 20.64 242.1)
- CMYK
- cmyk(30% 12% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A9CEE7
- B2D4EA
- BCD9EC
- C5DFEF
- CFE4F2
- D9E9F4
- E2EFF7
- ECF4FA
- F5FAFC
Odcienie ciemniejsze
- 8AAEC6
- 7595A9
- 617C8D
- 4D6472
- 3B4C58
- 29363F
- 182228
- 090F12
- 010203
Tony
- 9CC2DA
- 99BACF
- 96B3C5
- 93ABBB
- 90A4B1
- 8D9DA7
- 8A959D
- 878E93
- 83878A
Harmonie kolorów
Komplementarna +180°
- 9FC9E4
Windsor Way
- E1BA9E
≈ So Baja
Analogowa -30° +30°
- 9FC9E4
Windsor Way
- 96CED6
≈ Peppermint Twist
- B1C2E9
≈ Larkspur Bud
Triada +120° +240°
- 9FC9E4
Windsor Way
- E3B3C3
≈ Japanese Rose Garden
- C0C89D
≈ Seedling
Komplementarna rozszczepiona +150° +210°
- 9FC9E4
Windsor Way
- E6B5AE
≈ Stormy Pink
- D3C198
≈ Sandy Pail
Tetrada +90° +180° +270°
- 9FC9E4
Windsor Way
- D7B6D7
≈ Lilac Haze
- E1BA9E
≈ So Baja
- ABCDAD
≈ Mint Circle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.94:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--windsor-way: #9fc9e4;
--windsor-way-rgb: 159 201 228;
--windsor-way-oklch: oklch(0.815 0.059 236.6);
}
.element {
color: var(--windsor-way);
background-color: hsl(203 56% 76%);
border-color: oklch(0.815 0.059 236.6);
}Tailwind CSS v4
@theme {
--color-windsor-way: #9fc9e4;
--color-windsor-way-50: #e7f8ff;
--color-windsor-way-100: #d7ebfa;
--color-windsor-way-200: #bed8eb;
--color-windsor-way-300: #9cbcd2;
--color-windsor-way-400: #7ea4bd;
--color-windsor-way-500: #608ca8;
--color-windsor-way-600: #52778e;
--color-windsor-way-700: #415f72;
--color-windsor-way-800: #2e4654;
--color-windsor-way-900: #1f303a;
--color-windsor-way-950: #0f1d25;
}SCSS
$windsor-way: #9fc9e4;
$windsor-way-rgb: 159, 201, 228;
$windsor-way-light: mix(#fff, $windsor-way, 20%);
$windsor-way-dark: mix(#000, $windsor-way, 20%);
.element {
color: $windsor-way;
box-shadow: 0 0 0 2px rgba($windsor-way, 0.35);
}