가장 가까운 이름 색상 · #7CB8EF
#7CB8EF
가장 가까운 이름 색상: Electric Eel
#7CB8EF(rgb(124 184 239), hsl(209 78% 71%), oklch(0.763 0.101 247.2))와 가장 가까운 이름 색상은 Electric Eel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#7CB8EF
oklch(0.763 0.101 247.2)
색상 변환
- HEX
- #7cb8ef
- RGB
- rgb(124 184 239)
- HSL
- hsl(209 78% 71%)
- HWB
- hwb(209 49% 6%)
- OKLCH
- oklch(0.763 0.101 247.2)
- OKLab
- oklab(0.763 -0.039 -0.093)
- CIE Lab
- lab(72.28 -8.87 -33.98)
- LCH
- lch(72.28 35.12 255.4)
- CMYK
- cmyk(48% 23% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- 8ABFF1
- 97C6F3
- A4CEF5
- B1D5F7
- BEDCF8
- CBE3FA
- D8EAFB
- E5F1FD
- F2F8FE
셰이드
- 6BA0D0
- 5A88B1
- 4A7194
- 3B5B78
- 2C455C
- 1E3142
- 111E2A
- 050C14
- 010203
톤
- 7DB2E4
- 7EADD8
- 7FA7CD
- 80A2C2
- 809CB7
- 8097AC
- 8191A1
- 808B96
- 80868B
색 조화
보색 +180°
- 7CB8EF
Electric Eel
- DDA56A
≈ India Trade
유사색 -30° +30°
- 7CB8EF
Electric Eel
- 5CC2DC
≈ Naxos Sky
- A2ACF2
≈ Wondrous Wisteria
삼각 배색 +120° +240°
- 7CB8EF
Electric Eel
- E997A7
≈ Second Blush
- A0BE77
≈ Tan Green
분열 보색 +150° +210°
- 7CB8EF
Electric Eel
- EA9B84
≈ Tonys Pink
- C4B264
≈ Split Pea Soup
사각 배색 +90° +180° +270°
- 7CB8EF
Electric Eel
- DC99C9
≈ Lilac Chiffon
- DDA56A
≈ India Trade
- 79C698
≈ Green Gala
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.10:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.95:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--electric-eel: #7cb8ef;
--electric-eel-rgb: 124 184 239;
--electric-eel-oklch: oklch(0.763 0.101 247.2);
}
.element {
color: var(--electric-eel);
background-color: hsl(209 78% 71%);
border-color: oklch(0.763 0.101 247.2);
}Tailwind CSS v4
@theme {
--color-electric-eel: #7cb8ef;
--color-electric-eel-50: #e0f8ff;
--color-electric-eel-100: #cfebff;
--color-electric-eel-200: #b4d9fe;
--color-electric-eel-300: #8fbce9;
--color-electric-eel-400: #6ca4d7;
--color-electric-eel-500: #498bc5;
--color-electric-eel-600: #3f76a7;
--color-electric-eel-700: #325e86;
--color-electric-eel-800: #214663;
--color-electric-eel-900: #163045;
--color-electric-eel-950: #071c2d;
}SCSS
$electric-eel: #7cb8ef;
$electric-eel-rgb: 124, 184, 239;
$electric-eel-light: mix(#fff, $electric-eel, 20%);
$electric-eel-dark: mix(#000, $electric-eel, 20%);
.element {
color: $electric-eel;
box-shadow: 0 0 0 2px rgba($electric-eel, 0.35);
}