이름 색상 · #C2E3E8
Light Skyway
Light Skyway은(는) #C2E3E8: rgb(194 227 232), hsl(188 45% 84%), oklch(0.894 0.035 207.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Light Skyway color name →
#C2E3E8
oklch(0.894 0.035 207.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C8E6EA
- CEE9ED
- D4EBEF
- DBEEF1
- E1F1F3
- E7F4F6
- EDF7F8
- F3F9FA
- F9FCFD
셰이드
- A8C5CA
- 8FA8AC
- 778C90
- 607174
- 495759
- 343F40
- 202729
- 0E1213
- 020303
톤
- BBD9DD
- B5CED2
- AEC4C8
- A7BABD
- A1B0B3
- 9AA6A8
- 949D9E
- 8D9394
- 87898A
색 조화
보색 +180°
- C2E3E8
Light Skyway
- F3D4CF
≈ Va Va Bloom
유사색 -30° +30°
- C2E3E8
Light Skyway
- C4E4DC
≈ Misty Isle
- C7E0F1
≈ Pale Frost
삼각 배색 +120° +240°
- C2E3E8
Light Skyway
- E9D4E8
≈ Champagne Elegance
- E6DBC2
≈ Adobe White
분열 보색 +150° +210°
- C2E3E8
Light Skyway
- F1D3DC
≈ Priscilla
- EFD7C6
≈ Rose Lotion
사각 배색 +90° +180° +270°
- C2E3E8
Light Skyway
- DED7F1
≈ Lavender Sky
- F3D4CF
≈ Va Va Bloom
- D9DFC5
≈ Airy Fields
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.44:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.44:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}