가장 가까운 이름 색상 · #46BEC8
#46BEC8
가장 가까운 이름 색상: Sea Serpent
#46BEC8(rgb(70 190 200), hsl(185 54% 53%), oklch(0.739 0.106 203))와 가장 가까운 이름 색상은 Sea Serpent입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#46BEC8
oklch(0.739 0.106 203)
색상 변환
- HEX
- #46bec8
- RGB
- rgb(70 190 200)
- HSL
- hsl(185 54% 53%)
- HWB
- hwb(185 27% 22%)
- OKLCH
- oklch(0.739 0.106 203)
- OKLab
- oklab(0.739 -0.097 -0.041)
- CIE Lab
- lab(70.72 -32.12 -15.49)
- LCH
- lch(70.72 35.66 205.7)
- CMYK
- cmyk(65% 5% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- 5FC5CD
- 75CBD3
- 88D2D8
- 9AD8DE
- ACDFE3
- BDE5E9
- CEECEE
- DEF2F4
- EFF9F9
셰이드
- 3CA5AE
- 328C94
- 28757B
- 1E5E63
- 15484C
- 0D3336
- 051F21
- 020D0F
- 000202
톤
- 51B8C1
- 5BB2B9
- 62ABB2
- 68A5AB
- 6E9FA3
- 73999C
- 779395
- 7A8C8E
- 7D8687
색 조화
보색 +180°
- 46BEC8
Sea Serpent
- E68F8B
≈ Fresh Pink
유사색 -30° +30°
- 46BEC8
Sea Serpent
- 59C0A4
≈ Spearmint
- 5FB6E2
≈ Sea Frolic
삼각 배색 +120° +240°
- 46BEC8
Sea Serpent
- CB94D1
≈ Ineffable Magenta
- CBA458
≈ Excitable
분열 보색 +150° +210°
- 46BEC8
Sea Serpent
- DF8EB0
≈ Rosebloom
- DF986A
≈ Brown Yellow
사각 배색 +90° +180° +270°
- 46BEC8
Sea Serpent
- AD9EE7
≈ Dull Lavender
- E68F8B
≈ Fresh Pink
- ABB260
≈ Cornstalk
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.21:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.45:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.45:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--sea-serpent: #46bec8;
--sea-serpent-rgb: 70 190 200;
--sea-serpent-oklch: oklch(0.739 0.106 203);
}
.element {
color: var(--sea-serpent);
background-color: hsl(185 54% 53%);
border-color: oklch(0.739 0.106 203);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #46bec8;
--color-sea-serpent-50: #d3ffff;
--color-sea-serpent-100: #bff3f9;
--color-sea-serpent-200: #9ee2ea;
--color-sea-serpent-300: #71c7d1;
--color-sea-serpent-400: #40b1ba;
--color-sea-serpent-500: #009aa5;
--color-sea-serpent-600: #00828b;
--color-sea-serpent-700: #006870;
--color-sea-serpent-800: #004d51;
--color-sea-serpent-900: #003539;
--color-sea-serpent-950: #002023;
}SCSS
$sea-serpent: #46bec8;
$sea-serpent-rgb: 70, 190, 200;
$sea-serpent-light: mix(#fff, $sea-serpent, 20%);
$sea-serpent-dark: mix(#000, $sea-serpent, 20%);
.element {
color: $sea-serpent;
box-shadow: 0 0 0 2px rgba($sea-serpent, 0.35);
}