가장 가까운 이름 색상 · #00C1FE
#00C1FE
가장 가까운 이름 색상: Tractor Beam
#00C1FE(rgb(0 193 254), hsl(194 100% 50%), oklch(0.76 0.152 230.1))와 가장 가까운 이름 색상은 Tractor Beam입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00C1FE
oklch(0.76 0.152 230.1)
색상 변환
- HEX
- #00c1fe
- RGB
- rgb(0 193 254)
- HSL
- hsl(194 100% 50%)
- HWB
- hwb(194 0% 0%)
- OKLCH
- oklch(0.76 0.152 230.1)
- OKLab
- oklab(0.76 -0.097 -0.116)
- CIE Lab
- lab(72.39 -25.27 -42.16)
- LCH
- lch(72.39 49.16 239.1)
- CMYK
- cmyk(100% 24% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 43C8FF
- 61CEFF
- 79D5FF
- 8FDBFF
- A3E1FF
- B7E8FF
- C9EEFF
- DCF4FF
- EDF9FF
셰이드
- 00A7DD
- 008FBD
- 00779E
- 005F80
- 004963
- 003447
- 00202D
- 000E16
- 000203
톤
- 30BBF1
- 44B4E4
- 52AED8
- 5CA8CB
- 65A1BE
- 6C9BB2
- 7294A5
- 788E99
- 7C878C
색 조화
보색 +180°
- 00C1FE
Tractor Beam
- FC9150
≈ Umezome Pink
유사색 -30° +30°
- 00C1FE
Tractor Beam
- 00C9D1
≈ Turquoise Surf
- 82B1FF
≈ Parakeet Blue
삼각 배색 +120° +240°
- 00C1FE
Tractor Beam
- F786BE
≈ Tea Rose
- B7B92F
≈ Golden Passionfruit
분열 보색 +150° +210°
- 00C1FE
Tractor Beam
- FF898A
≈ Red Mull
- E3A41C
≈ Orange Sulphur
사각 배색 +90° +180° +270°
- 00C1FE
Tractor Beam
- DB8FEC
≈ Bright Lilac
- FC9150
≈ Umezome Pink
- 79C868
≈ Energise
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.08:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.05:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--tractor-beam: #00c1fe;
--tractor-beam-rgb: 0 193 254;
--tractor-beam-oklch: oklch(0.76 0.152 230.1);
}
.element {
color: var(--tractor-beam);
background-color: hsl(194 100% 50%);
border-color: oklch(0.76 0.152 230.1);
}Tailwind CSS v4
@theme {
--color-tractor-beam: #00c1fe;
--color-tractor-beam-50: #cafeff;
--color-tractor-beam-100: #b5f2ff;
--color-tractor-beam-200: #8fe0ff;
--color-tractor-beam-300: #5bc5f7;
--color-tractor-beam-400: #00ade6;
--color-tractor-beam-500: #0095d6;
--color-tractor-beam-600: #007eb5;
--color-tractor-beam-700: #006591;
--color-tractor-beam-800: #004b6b;
--color-tractor-beam-900: #00344b;
--color-tractor-beam-950: #001f32;
}SCSS
$tractor-beam: #00c1fe;
$tractor-beam-rgb: 0, 193, 254;
$tractor-beam-light: mix(#fff, $tractor-beam, 20%);
$tractor-beam-dark: mix(#000, $tractor-beam, 20%);
.element {
color: $tractor-beam;
box-shadow: 0 0 0 2px rgba($tractor-beam, 0.35);
}