En yakın adlandırılmış renk · #C1E2FF
#C1E2FF
En yakın adlandırılmış renk: Broad Daylight
#C1E2FF (rgb(193 226 255), hsl(208 100% 88%), oklch(0.898 0.053 245)) en çok Broad Daylight adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C1E2FF
oklch(0.898 0.053 245)
Renk dönüşümleri
- HEX
- #c1e2ff
- RGB
- rgb(193 226 255)
- HSL
- hsl(208 100% 88%)
- HWB
- hwb(208 76% 0%)
- OKLCH
- oklch(0.898 0.053 245)
- OKLab
- oklab(0.898 -0.022 -0.048)
- CIE Lab
- lab(88.18 -6.54 -17.94)
- LCH
- lch(88.18 19.09 250)
- CMYK
- cmyk(24% 11% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7E5FF
- CDE8FF
- D4EBFF
- DAEEFF
- E0F1FF
- E6F4FF
- ECF6FF
- F3F9FF
- F9FCFF
Koyu tonlar
- A7C4DE
- 8FA8BE
- 778C9E
- 5F7180
- 495763
- 343E48
- 20272E
- 0E1216
- 020303
Gri tonlar
- BAD8F2
- B4CEE4
- ADC4D7
- A7BACB
- A0B0BE
- 9AA6B1
- 939CA5
- 8D9398
- 86898C
Renk uyumları
Tamamlayıcı +180°
- C1E2FF
Broad Daylight
- F7D7B9
≈ Beyond the Pale
Analog -30° +30°
- C1E2FF
Broad Daylight
- B6E7F4
≈ First of July
- D3DCFF
≈ Icy Plains
Üçlü +120° +240°
- C1E2FF
Broad Daylight
- FED0D9
≈ Bologna Sausage
- D5E4BE
≈ Irish Folklore
Bölünmüş tamamlayıcı +150° +210°
- C1E2FF
Broad Daylight
- FED2C6
≈ Salmon Mousse
- E8DEB6
≈ Jodhpurs
Dörtlü +90° +180° +270°
- C1E2FF
Broad Daylight
- F5D1EC
≈ Little Smile
- F7D7B9
≈ Beyond the Pale
- C3E8CE
≈ Granny Apple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.59:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--broad-daylight: #c1e2ff;
--broad-daylight-rgb: 193 226 255;
--broad-daylight-oklch: oklch(0.898 0.053 245);
}
.element {
color: var(--broad-daylight);
background-color: hsl(208 100% 88%);
border-color: oklch(0.898 0.053 245);
}Tailwind CSS v4
@theme {
--color-broad-daylight: #c1e2ff;
--color-broad-daylight-50: #eaf7ff;
--color-broad-daylight-100: #daeaf9;
--color-broad-daylight-200: #c3d7ea;
--color-broad-daylight-300: #a2bbd2;
--color-broad-daylight-400: #85a2bc;
--color-broad-daylight-500: #698aa7;
--color-broad-daylight-600: #59758d;
--color-broad-daylight-700: #475e71;
--color-broad-daylight-800: #324553;
--color-broad-daylight-900: #22303a;
--color-broad-daylight-950: #111c24;
}SCSS
$broad-daylight: #c1e2ff;
$broad-daylight-rgb: 193, 226, 255;
$broad-daylight-light: mix(#fff, $broad-daylight, 20%);
$broad-daylight-dark: mix(#000, $broad-daylight, 20%);
.element {
color: $broad-daylight;
box-shadow: 0 0 0 2px rgba($broad-daylight, 0.35);
}