Adlandırılmış renk · #9FC9E4
Windsor Way
Windsor Way, #9FC9E4: rgb(159 201 228), hsl(203 56% 76%), oklch(0.815 0.059 236.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Windsor Way color name →
#9FC9E4
oklch(0.815 0.059 236.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A9CEE7
- B2D4EA
- BCD9EC
- C5DFEF
- CFE4F2
- D9E9F4
- E2EFF7
- ECF4FA
- F5FAFC
Koyu tonlar
- 8AAEC6
- 7595A9
- 617C8D
- 4D6472
- 3B4C58
- 29363F
- 182228
- 090F12
- 010203
Gri tonlar
- 9CC2DA
- 99BACF
- 96B3C5
- 93ABBB
- 90A4B1
- 8D9DA7
- 8A959D
- 878E93
- 83878A
Renk uyumları
Tamamlayıcı +180°
- 9FC9E4
Windsor Way
- E1BA9E
≈ So Baja
Analog -30° +30°
- 9FC9E4
Windsor Way
- 96CED6
≈ Peppermint Twist
- B1C2E9
≈ Larkspur Bud
Üçlü +120° +240°
- 9FC9E4
Windsor Way
- E3B3C3
≈ Japanese Rose Garden
- C0C89D
≈ Seedling
Bölünmüş tamamlayıcı +150° +210°
- 9FC9E4
Windsor Way
- E6B5AE
≈ Stormy Pink
- D3C198
≈ Sandy Pail
Dörtlü +90° +180° +270°
- 9FC9E4
Windsor Way
- D7B6D7
≈ Lilac Haze
- E1BA9E
≈ So Baja
- ABCDAD
≈ Mint Circle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.94:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
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);
}