가장 가까운 이름 색상 · #00BCFA
#00BCFA
가장 가까운 이름 색상: Tractor Beam
#00BCFA(rgb(0 188 250), hsl(195 100% 49%), oklch(0.746 0.151 231.2))와 가장 가까운 이름 색상은 Tractor Beam입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00BCFA
oklch(0.746 0.151 231.2)
색상 변환
- HEX
- #00bcfa
- RGB
- rgb(0 188 250)
- HSL
- hsl(195 100% 49%)
- HWB
- hwb(195 0% 2%)
- OKLCH
- oklch(0.746 0.151 231.2)
- OKLab
- oklab(0.746 -0.094 -0.117)
- CIE Lab
- lab(70.76 -24.09 -42.54)
- LCH
- lch(70.76 48.88 240.5)
- CMYK
- cmyk(100% 25% 0% 2%)
틴트 · 셰이드 · 톤
틴트
- 41C3FB
- 60CAFC
- 78D1FD
- 8ED8FE
- A2DFFE
- B6E6FF
- C9ECFF
- DBF2FF
- EDF9FF
셰이드
- 00A3D9
- 008BBA
- 00739B
- 005D7D
- 004761
- 003246
- 001F2D
- 000D15
- 000203
톤
- 2FB6EE
- 43B0E1
- 51ABD5
- 5BA5C9
- 649FBC
- 6B99B0
- 7293A4
- 778D98
- 7C868C
색 조화
보색 +180°
- 00BCFA
Tractor Beam
- F68E4A
≈ Blaze
유사색 -30° +30°
- 00BCFA
Tractor Beam
- 00C4CE
≈ Turquoise Surf
- 7DACFF
≈ Fennel Flower
삼각 배색 +120° +240°
- 00BCFA
Tractor Beam
- F382B8
≈ Persian Pink
- B1B52C
≈ Lush Bamboo
분열 보색 +150° +210°
- 00BCFA
Tractor Beam
- FE8282
≈ Light Red
- DDA113
≈ Grapefruit Yellow
사각 배색 +90° +180° +270°
- 00BCFA
Tractor Beam
- D88BE6
≈ Bright Lilac
- F68E4A
≈ Blaze
- 73C467
≈ Mantis
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.57:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.57:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--tractor-beam: #00bcfa;
--tractor-beam-rgb: 0 188 250;
--tractor-beam-oklch: oklch(0.746 0.151 231.2);
}
.element {
color: var(--tractor-beam);
background-color: hsl(195 100% 49%);
border-color: oklch(0.746 0.151 231.2);
}Tailwind CSS v4
@theme {
--color-tractor-beam: #00bcfa;
--color-tractor-beam-50: #cbfdff;
--color-tractor-beam-100: #b6f1ff;
--color-tractor-beam-200: #91e0ff;
--color-tractor-beam-300: #5dc4f8;
--color-tractor-beam-400: #00ade7;
--color-tractor-beam-500: #0094d7;
--color-tractor-beam-600: #007eb5;
--color-tractor-beam-700: #006591;
--color-tractor-beam-800: #004a6b;
--color-tractor-beam-900: #00344c;
--color-tractor-beam-950: #001f32;
}SCSS
$tractor-beam: #00bcfa;
$tractor-beam-rgb: 0, 188, 250;
$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);
}