가장 가까운 이름 색상 · #00CED3
#00CED3
가장 가까운 이름 색상: Sea Serpent
#00CED3(rgb(0 206 211), hsl(181 100% 41%), oklch(0.773 0.131 197.9))와 가장 가까운 이름 색상은 Sea Serpent입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00CED3
oklch(0.773 0.131 197.9)
색상 변환
- HEX
- #00ced3
- RGB
- rgb(0 206 211)
- HSL
- hsl(181 100% 41%)
- HWB
- hwb(181 0% 17%)
- OKLCH
- oklch(0.773 0.131 197.9)
- OKLab
- oklab(0.773 -0.125 -0.04)
- CIE Lab
- lab(74.95 -41.96 -15.22)
- LCH
- lch(74.95 44.64 199.9)
- CMYK
- cmyk(100% 2% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- 45D3D7
- 64D8DC
- 7CDEE0
- 92E3E5
- A6E8E9
- B9ECED
- CBF1F2
- DDF6F6
- EEFAFB
셰이드
- 00B3B7
- 00989C
- 007F82
- 006669
- 004E51
- 00383A
- 002324
- 000F10
- 000202
톤
- 32C6CA
- 46BEC2
- 54B7B9
- 5FAFB1
- 67A7A9
- 6E9FA0
- 749798
- 799090
- 7D8888
색 조화
보색 +180°
- 00CED3
Sea Serpent
- FE9195
≈ Cherished One
유사색 -30° +30°
- 00CED3
Sea Serpent
- 4BD0A5
≈ Mint Jelly
- 41C5F7
≈ Shovel Knight
삼각 배색 +120° +240°
- 00CED3
Sea Serpent
- D899EB
≈ Bright Ube
- E3AA47
≈ Brass Buttons
분열 보색 +150° +210°
- 00CED3
Sea Serpent
- F291C4
≈ Pearly Pink
- F99A68
≈ Indian Paintbrush
사각 배색 +90° +180° +270°
- 00CED3
Sea Serpent
- B1A8FF
≈ Shy Moment
- FE9195
≈ Cherished One
- BDBB4D
≈ Sinsemilla
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.76:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.76:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--sea-serpent: #00ced3;
--sea-serpent-rgb: 0 206 211;
--sea-serpent-oklch: oklch(0.773 0.131 197.9);
}
.element {
color: var(--sea-serpent);
background-color: hsl(181 100% 41%);
border-color: oklch(0.773 0.131 197.9);
}Tailwind CSS v4
@theme {
--color-sea-serpent: #00ced3;
--color-sea-serpent-50: #caffff;
--color-sea-serpent-100: #b4f6f9;
--color-sea-serpent-200: #8de6ea;
--color-sea-serpent-300: #56ccd2;
--color-sea-serpent-400: #00b5ba;
--color-sea-serpent-500: #009fa5;
--color-sea-serpent-600: #00868c;
--color-sea-serpent-700: #006c70;
--color-sea-serpent-800: #005051;
--color-sea-serpent-900: #003738;
--color-sea-serpent-950: #002223;
}SCSS
$sea-serpent: #00ced3;
$sea-serpent-rgb: 0, 206, 211;
$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);
}