이름 색상 · #4FDCE1
Neon Nazar
Neon Nazar은(는) #4FDCE1: rgb(79 220 225), hsl(182 71% 60%), oklch(0.822 0.119 198.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Neon Nazar color name →
#4FDCE1
oklch(0.822 0.119 198.5)
색상 변환
- HEX
- #4fdce1
- RGB
- rgb(79 220 225)
- HSL
- hsl(182 71% 60%)
- HWB
- hwb(182 31% 12%)
- OKLCH
- oklch(0.822 0.119 198.5)
- OKLab
- oklab(0.822 -0.113 -0.038)
- CIE Lab
- lab(80.52 -37.8 -14.25)
- LCH
- lch(80.52 40.39 200.7)
- CMYK
- cmyk(65% 2% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- 69E0E4
- 7EE4E7
- 91E7EA
- A3EBED
- B4EEF0
- C3F2F3
- D3F5F6
- E2F9F9
- F1FCFC
셰이드
- 44BFC4
- 38A3A7
- 2E888B
- 236E70
- 195456
- 103C3E
- 072627
- 021112
- 000202
톤
- 5AD3D7
- 63C9CD
- 6AC0C3
- 70B7B9
- 75AEAF
- 78A4A6
- 7B9B9C
- 7D9293
- 7F8989
색 조화
보색 +180°
- 4FDCE1
Neon Nazar
- FFAAAC
≈ Apricot Haze
유사색 -30° +30°
- 4FDCE1
Neon Nazar
- 6CDEB7
≈ Ocean in a Bowl
- 6CD3FF
≈ Heisenberg Blue
삼각 배색 +120° +240°
- 4FDCE1
Neon Nazar
- E6ACF6
≈ Candy Dreams
- EFBB66
≈ Flaming June
분열 보색 +150° +210°
- 4FDCE1
Neon Nazar
- FEA4D2
≈ Corinthian Pink
- FFAF85
≈ Spice Pink
사각 배색 +90° +180° +270°
- 4FDCE1
Neon Nazar
- C2BBFF
≈ Dried Lilac
- FFAAAC
≈ Apricot Haze
- CBCB6B
≈ Gentle Dill
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.65:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.65:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--neon-nazar: #4fdce1;
--neon-nazar-rgb: 79 220 225;
--neon-nazar-oklch: oklch(0.822 0.119 198.5);
}
.element {
color: var(--neon-nazar);
background-color: hsl(182 71% 60%);
border-color: oklch(0.822 0.119 198.5);
}Tailwind CSS v4
@theme {
--color-neon-nazar: #4fdce1;
--color-neon-nazar-50: #ceffff;
--color-neon-nazar-100: #baf5f8;
--color-neon-nazar-200: #96e4e9;
--color-neon-nazar-300: #64cad0;
--color-neon-nazar-400: #23b3b8;
--color-neon-nazar-500: #009da3;
--color-neon-nazar-600: #00858a;
--color-neon-nazar-700: #006a6e;
--color-neon-nazar-800: #004e50;
--color-neon-nazar-900: #003738;
--color-neon-nazar-950: #002122;
}SCSS
$neon-nazar: #4fdce1;
$neon-nazar-rgb: 79, 220, 225;
$neon-nazar-light: mix(#fff, $neon-nazar, 20%);
$neon-nazar-dark: mix(#000, $neon-nazar, 20%);
.element {
color: $neon-nazar;
box-shadow: 0 0 0 2px rgba($neon-nazar, 0.35);
}