Màu có tên · #C2E3E8
Light Skyway
Light Skyway là #C2E3E8: rgb(194 227 232), hsl(188 45% 84%), oklch(0.894 0.035 207.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Cyan mean? → · Light Skyway color name →
#C2E3E8
oklch(0.894 0.035 207.7)
Chuyển đổi màu
- HEX
- #c2e3e8
- RGB
- rgb(194 227 232)
- HSL
- hsl(188 45% 84%)
- HWB
- hwb(188 76% 9%)
- OKLCH
- oklch(0.894 0.035 207.7)
- OKLab
- oklab(0.894 -0.031 -0.016)
- CIE Lab
- lab(87.95 -10.44 -6.27)
- LCH
- lch(87.95 12.18 211)
- CMYK
- cmyk(16% 2% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C8E6EA
- CEE9ED
- D4EBEF
- DBEEF1
- E1F1F3
- E7F4F6
- EDF7F8
- F3F9FA
- F9FCFD
Sắc đậm
- A8C5CA
- 8FA8AC
- 778C90
- 607174
- 495759
- 343F40
- 202729
- 0E1213
- 020303
Sắc xám
- BBD9DD
- B5CED2
- AEC4C8
- A7BABD
- A1B0B3
- 9AA6A8
- 949D9E
- 8D9394
- 87898A
Hòa sắc
Bổ túc +180°
- C2E3E8
Light Skyway
- F3D4CF
≈ Va Va Bloom
Tương đồng -30° +30°
- C2E3E8
Light Skyway
- C4E4DC
≈ Misty Isle
- C7E0F1
≈ Pale Frost
Bộ ba +120° +240°
- C2E3E8
Light Skyway
- E9D4E8
≈ Champagne Elegance
- E6DBC2
≈ Adobe White
Bổ túc chia +150° +210°
- C2E3E8
Light Skyway
- F1D3DC
≈ Priscilla
- EFD7C6
≈ Rose Lotion
Bộ bốn +90° +180° +270°
- C2E3E8
Light Skyway
- DED7F1
≈ Lavender Sky
- F3D4CF
≈ Va Va Bloom
- D9DFC5
≈ Airy Fields
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.35:1 · APCA Lc 18
Ag
AAATrên nền đen
WCAG 15.44:1 · APCA Lc 86
Màu chữ tốt nhất: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--light-skyway: #c2e3e8;
--light-skyway-rgb: 194 227 232;
--light-skyway-oklch: oklch(0.894 0.035 207.7);
}
.element {
color: var(--light-skyway);
background-color: hsl(188 45% 84%);
border-color: oklch(0.894 0.035 207.7);
}Tailwind CSS v4
@theme {
--color-light-skyway: #c2e3e8;
--color-light-skyway-50: #eaf8fb;
--color-light-skyway-100: #dbebee;
--color-light-skyway-200: #c4d9dc;
--color-light-skyway-300: #a4bdc1;
--color-light-skyway-400: #87a5a9;
--color-light-skyway-500: #6b8d92;
--color-light-skyway-600: #5b777c;
--color-light-skyway-700: #486063;
--color-light-skyway-800: #344648;
--color-light-skyway-900: #243032;
--color-light-skyway-950: #121d1e;
}SCSS
$light-skyway: #c2e3e8;
$light-skyway-rgb: 194, 227, 232;
$light-skyway-light: mix(#fff, $light-skyway, 20%);
$light-skyway-dark: mix(#000, $light-skyway, 20%);
.element {
color: $light-skyway;
box-shadow: 0 0 0 2px rgba($light-skyway, 0.35);
}