가장 가까운 이름 색상 · #2ED8FF
#2ED8FF
가장 가까운 이름 색상: Neon Blue
#2ED8FF(rgb(46 216 255), hsl(191 100% 59%), oklch(0.817 0.139 218.3))와 가장 가까운 이름 색상은 Neon Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2ED8FF
oklch(0.817 0.139 218.3)
색상 변환
- HEX
- #2ed8ff
- RGB
- rgb(46 216 255)
- HSL
- hsl(191 100% 59%)
- HWB
- hwb(191 18% 0%)
- OKLCH
- oklch(0.817 0.139 218.3)
- OKLab
- oklab(0.817 -0.109 -0.086)
- CIE Lab
- lab(79.56 -33.03 -31.63)
- LCH
- lch(79.56 45.73 223.8)
- CMYK
- cmyk(82% 15% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 55DCFF
- 70E1FF
- 86E5FF
- 9AE9FF
- ACEDFF
- BEF1FF
- CFF4FF
- DFF8FF
- EFFCFF
셰이드
- 27BCDE
- 1FA0BE
- 18859E
- 126B80
- 0B5363
- 063B48
- 02252E
- 011116
- 000203
톤
- 44CFF2
- 53C6E5
- 5EBED8
- 67B5CB
- 6DACBE
- 73A3B2
- 779AA5
- 7B9299
- 7E898C
색 조화
보색 +180°
- 2ED8FF
Neon Blue
- FFAB91
≈ Frozen Salmon
유사색 -30° +30°
- 2ED8FF
Neon Blue
- 1AE0D4
≈ Fresh Turquoise
- 91C9FF
≈ Clear Sky
삼각 배색 +120° +240°
- 2ED8FF
Neon Blue
- FD9FE2
≈ Lavender Rose
- DBC44D
≈ Yellow Magic Orchestra
분열 보색 +150° +210°
- 2ED8FF
Neon Blue
- FFA6B6
≈ Amélie’s Tutu
- FEB156
≈ Duckling
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.38:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--neon-blue: #2ed8ff;
--neon-blue-rgb: 46 216 255;
--neon-blue-oklch: oklch(0.817 0.139 218.3);
}
.element {
color: var(--neon-blue);
background-color: hsl(191 100% 59%);
border-color: oklch(0.817 0.139 218.3);
}Tailwind CSS v4
@theme {
--color-neon-blue: #2ed8ff;
--color-neon-blue-50: #caffff;
--color-neon-blue-100: #b4f4ff;
--color-neon-blue-200: #8ee3fe;
--color-neon-blue-300: #57c8e9;
--color-neon-blue-400: #00b1d5;
--color-neon-blue-500: #009ac3;
--color-neon-blue-600: #0082a5;
--color-neon-blue-700: #006884;
--color-neon-blue-800: #004d61;
--color-neon-blue-900: #003644;
--color-neon-blue-950: #00202c;
}SCSS
$neon-blue: #2ed8ff;
$neon-blue-rgb: 46, 216, 255;
$neon-blue-light: mix(#fff, $neon-blue, 20%);
$neon-blue-dark: mix(#000, $neon-blue, 20%);
.element {
color: $neon-blue;
box-shadow: 0 0 0 2px rgba($neon-blue, 0.35);
}