이름 색상 · #AFCFE0
Light Sky Bus
Light Sky Bus은(는) #AFCFE0: rgb(175 207 224), hsl(201 44% 78%), oklch(0.837 0.042 231.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Light Sky Bus color name →
#AFCFE0
oklch(0.837 0.042 231.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B7D4E3
- BFD9E6
- C7DDE9
- CFE2EC
- D7E7F0
- DFECF3
- E7F1F6
- EFF5F9
- F7FAFC
셰이드
- 98B4C3
- 8199A6
- 6B7F8A
- 566770
- 414F56
- 2E383E
- 1C2327
- 0B1012
- 010202
톤
- AAC7D6
- A6BFCC
- A1B7C2
- 9CAFB9
- 98A7AF
- 939FA5
- 8E979C
- 898F92
- 858889
색 조화
보색 +180°
- AFCFE0
Light Sky Bus
- E1C2B1
≈ Sunwashed Brick
유사색 -30° +30°
- AFCFE0
Light Sky Bus
- ABD2D5
≈ Aqua Frost
- BACAE5
≈ Periwinkle Dream
삼각 배색 +120° +240°
- AFCFE0
Light Sky Bus
- E0BFCD
≈ Delicate Bloom
- CACCAE
≈ Chilled Cucumber
분열 보색 +150° +210°
- AFCFE0
Light Sky Bus
- E4BFBE
≈ Miniature Posey
- D8C7AB
≈ New Khaki
사각 배색 +90° +180° +270°
- AFCFE0
Light Sky Bus
- D6C1DA
≈ New Violet
- E1C2B1
≈ Sunwashed Brick
- BBD1B7
≈ Eucalyptus Leaf
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.63:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.82:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
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);
}