가장 가까운 이름 색상 · #84BBF4
#84BBF4
가장 가까운 이름 색상: Electric Eel
#84BBF4(rgb(132 187 244), hsl(211 84% 74%), oklch(0.776 0.1 250.1))와 가장 가까운 이름 색상은 Electric Eel입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#84BBF4
oklch(0.776 0.1 250.1)
색상 변환
- HEX
- #84bbf4
- RGB
- rgb(132 187 244)
- HSL
- hsl(211 84% 74%)
- HWB
- hwb(211 52% 4%)
- OKLCH
- oklch(0.776 0.1 250.1)
- OKLab
- oklab(0.776 -0.034 -0.094)
- CIE Lab
- lab(73.7 -7.2 -34.45)
- LCH
- lch(73.7 35.19 258.2)
- CMYK
- cmyk(46% 23% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- 91C2F6
- 9DC9F7
- A9D0F8
- B6D7FA
- C2DDFB
- CEE4FC
- DAEBFD
- E6F2FE
- F3F8FE
셰이드
- 72A2D4
- 608AB5
- 4F7397
- 3F5C7A
- 2F465E
- 203244
- 121F2B
- 060D14
- 010203
톤
- 84B5E8
- 84AFDC
- 84A9D0
- 84A3C5
- 849EB9
- 8398AE
- 8392A2
- 828C97
- 81868B
색 조화
보색 +180°
- 84BBF4
Electric Eel
- DFAB6D
≈ Corn Maze
유사색 -30° +30°
- 84BBF4
Electric Eel
- 64C5E2
≈ Candid Blue
- A9AFF5
≈ Wondrous Wisteria
삼각 배색 +120° +240°
- 84BBF4
Electric Eel
- EE9BA7
≈ Pink Moment
- A1C37E
≈ Opaline Green
분열 보색 +150° +210°
- 84BBF4
Electric Eel
- EDA085
≈ Mamey
- C5B86A
≈ Linden Green
사각 배색 +90° +180° +270°
- 84BBF4
Electric Eel
- E29DCA
≈ Exotic Violet
- DFAB6D
≈ Corn Maze
- 7ACAA0
≈ Minted Elegance
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.39:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--electric-eel: #84bbf4;
--electric-eel-rgb: 132 187 244;
--electric-eel-oklch: oklch(0.776 0.1 250.1);
}
.element {
color: var(--electric-eel);
background-color: hsl(211 84% 74%);
border-color: oklch(0.776 0.1 250.1);
}Tailwind CSS v4
@theme {
--color-electric-eel: #84bbf4;
--color-electric-eel-50: #e1f8ff;
--color-electric-eel-100: #d0ebff;
--color-electric-eel-200: #b6d8ff;
--color-electric-eel-300: #92bbea;
--color-electric-eel-400: #70a3d8;
--color-electric-eel-500: #4f8ac6;
--color-electric-eel-600: #4375a7;
--color-electric-eel-700: #365e86;
--color-electric-eel-800: #244563;
--color-electric-eel-900: #183046;
--color-electric-eel-950: #091c2d;
}SCSS
$electric-eel: #84bbf4;
$electric-eel-rgb: 132, 187, 244;
$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);
}