가장 가까운 이름 색상 · #76D7FF
#76D7FF
가장 가까운 이름 색상: Sky
#76D7FF(rgb(118 215 255), hsl(198 100% 73%), oklch(0.835 0.107 227.1))와 가장 가까운 이름 색상은 Sky입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#76D7FF
oklch(0.835 0.107 227.1)
색상 변환
- HEX
- #76d7ff
- RGB
- rgb(118 215 255)
- HSL
- hsl(198 100% 73%)
- HWB
- hwb(198 46% 0%)
- OKLCH
- oklch(0.835 0.107 227.1)
- OKLab
- oklab(0.835 -0.073 -0.079)
- CIE Lab
- lab(81.19 -21.6 -28.94)
- LCH
- lch(81.19 36.11 233.3)
- CMYK
- cmyk(54% 16% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 86DBFF
- 95DFFF
- A4E4FF
- B2E8FF
- BFECFF
- CCF0FF
- D9F4FF
- E6F7FF
- F3FBFF
셰이드
- 66BBDE
- 569FBE
- 47859E
- 386B80
- 295263
- 1C3B48
- 0F252E
- 051116
- 010203
톤
- 79CEF2
- 7CC5E5
- 7EBDD8
- 7FB4CB
- 80ABBE
- 81A2B1
- 819AA5
- 819198
- 81898C
색 조화
보색 +180°
- 76D7FF
Sky
- FFB591
≈ Carotene
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.93:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--sky: #76d7ff;
--sky-rgb: 118 215 255;
--sky-oklch: oklch(0.835 0.107 227.1);
}
.element {
color: var(--sky);
background-color: hsl(198 100% 73%);
border-color: oklch(0.835 0.107 227.1);
}Tailwind CSS v4
@theme {
--color-sky: #76d7ff;
--color-sky-50: #d7fcff;
--color-sky-100: #c4f0ff;
--color-sky-200: #a5def9;
--color-sky-300: #7bc2e3;
--color-sky-400: #4fabd0;
--color-sky-500: #0a93bd;
--color-sky-600: #127d9f;
--color-sky-700: #106480;
--color-sky-800: #054a5e;
--color-sky-900: #053342;
--color-sky-950: #001f2a;
}SCSS
$sky: #76d7ff;
$sky-rgb: 118, 215, 255;
$sky-light: mix(#fff, $sky, 20%);
$sky-dark: mix(#000, $sky, 20%);
.element {
color: $sky;
box-shadow: 0 0 0 2px rgba($sky, 0.35);
}