Màu có tên · #AFCFE0
Light Sky Bus
Light Sky Bus là #AFCFE0: rgb(175 207 224), hsl(201 44% 78%), oklch(0.837 0.042 231.1). 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 Blue mean? → · Light Sky Bus color name →
#AFCFE0
oklch(0.837 0.042 231.1)
Chuyển đổi màu
- HEX
- #afcfe0
- RGB
- rgb(175 207 224)
- HSL
- hsl(201 44% 78%)
- HWB
- hwb(201 69% 12%)
- OKLCH
- oklch(0.837 0.042 231.1)
- OKLab
- oklab(0.837 -0.026 -0.032)
- CIE Lab
- lab(81.17 -8.29 -12.19)
- LCH
- lch(81.17 14.74 235.8)
- CMYK
- cmyk(22% 8% 0% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B7D4E3
- BFD9E6
- C7DDE9
- CFE2EC
- D7E7F0
- DFECF3
- E7F1F6
- EFF5F9
- F7FAFC
Sắc đậm
- 98B4C3
- 8199A6
- 6B7F8A
- 566770
- 414F56
- 2E383E
- 1C2327
- 0B1012
- 010202
Sắc xám
- AAC7D6
- A6BFCC
- A1B7C2
- 9CAFB9
- 98A7AF
- 939FA5
- 8E979C
- 898F92
- 858889
Hòa sắc
Bổ túc +180°
- AFCFE0
Light Sky Bus
- E1C2B1
≈ Sunwashed Brick
Tương đồng -30° +30°
- AFCFE0
Light Sky Bus
- ABD2D5
≈ Aqua Frost
- BACAE5
≈ Periwinkle Dream
Bộ ba +120° +240°
- AFCFE0
Light Sky Bus
- E0BFCD
≈ Delicate Bloom
- CACCAE
≈ Chilled Cucumber
Bổ túc chia +150° +210°
- AFCFE0
Light Sky Bus
- E4BFBE
≈ Miniature Posey
- D8C7AB
≈ New Khaki
Bộ bốn +90° +180° +270°
- AFCFE0
Light Sky Bus
- D6C1DA
≈ New Violet
- E1C2B1
≈ Sunwashed Brick
- BBD1B7
≈ Eucalyptus Leaf
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.63:1 · APCA Lc 28
Ag
AAATrên nền đen
WCAG 12.82:1 · APCA Lc 75
Màu chữ tốt nhất: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Đoạn mã
CSS
:root {
--light-sky-bus: #afcfe0;
--light-sky-bus-rgb: 175 207 224;
--light-sky-bus-oklch: oklch(0.837 0.042 231.1);
}
.element {
color: var(--light-sky-bus);
background-color: hsl(201 44% 78%);
border-color: oklch(0.837 0.042 231.1);
}Tailwind CSS v4
@theme {
--color-light-sky-bus: #afcfe0;
--color-light-sky-bus-50: #eaf8ff;
--color-light-sky-bus-100: #dbebf4;
--color-light-sky-bus-200: #c4d8e3;
--color-light-sky-bus-300: #a3bcca;
--color-light-sky-bus-400: #86a3b3;
--color-light-sky-bus-500: #6a8c9d;
--color-light-sky-bus-600: #5a7685;
--color-light-sky-bus-700: #485f6a;
--color-light-sky-bus-800: #33454e;
--color-light-sky-bus-900: #233036;
--color-light-sky-bus-950: #121c21;
}SCSS
$light-sky-bus: #afcfe0;
$light-sky-bus-rgb: 175, 207, 224;
$light-sky-bus-light: mix(#fff, $light-sky-bus, 20%);
$light-sky-bus-dark: mix(#000, $light-sky-bus, 20%);
.element {
color: $light-sky-bus;
box-shadow: 0 0 0 2px rgba($light-sky-bus, 0.35);
}