가장 가까운 이름 색상 · #00A0E7
#00A0E7
가장 가까운 이름 색상: Homeworld
#00A0E7(rgb(0 160 231), hsl(198 100% 45%), oklch(0.671 0.151 238.8))와 가장 가까운 이름 색상은 Homeworld입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00A0E7
oklch(0.671 0.151 238.8)
색상 변환
- HEX
- #00a0e7
- RGB
- rgb(0 160 231)
- HSL
- hsl(198 100% 45%)
- HWB
- hwb(198 0% 9%)
- OKLCH
- oklch(0.671 0.151 238.8)
- OKLab
- oklab(0.671 -0.078 -0.129)
- CIE Lab
- lab(61.69 -16.18 -46.37)
- LCH
- lch(61.69 49.11 250.8)
- CMYK
- cmyk(100% 31% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- 3BAAEA
- 58B4ED
- 70BEF0
- 86C7F3
- 9BD1F5
- B0DAF8
- C4E3FA
- D8EDFC
- EBF6FD
셰이드
- 008BC9
- 0076AB
- 00618F
- 004E73
- 003B59
- 002940
- 001928
- 000913
- 000103
톤
- 2A9DDD
- 3D9BD2
- 4A98C8
- 5595BE
- 5E91B4
- 668EA9
- 6E8B9F
- 748795
- 7A848A
색 조화
보색 +180°
- 00A0E7
Homeworld
- D87B1C
≈ Orange Pepper
유사색 -30° +30°
- 00A0E7
Homeworld
- 00A9BB
≈ Bluebird
- 6F8FF2
≈ Guilliman Blue
삼각 배색 +120° +240°
- 00A0E7
Homeworld
- DD6994
≈ Groovy
- 8DA119
≈ Noxious
분열 보색 +150° +210°
- 00A0E7
Homeworld
- E36C5E
≈ Mettwurst
- B89000
≈ Faint Gold
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.92:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.18:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.18:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--homeworld: #00a0e7;
--homeworld-rgb: 0 160 231;
--homeworld-oklch: oklch(0.671 0.151 238.8);
}
.element {
color: var(--homeworld);
background-color: hsl(198 100% 45%);
border-color: oklch(0.671 0.151 238.8);
}Tailwind CSS v4
@theme {
--color-homeworld: #00a0e7;
--color-homeworld-50: #cffcff;
--color-homeworld-100: #bbefff;
--color-homeworld-200: #98ddff;
--color-homeworld-300: #6ac1fd;
--color-homeworld-400: #2ea9ed;
--color-homeworld-500: #0090dd;
--color-homeworld-600: #007abb;
--color-homeworld-700: #006296;
--color-homeworld-800: #00486f;
--color-homeworld-900: #00324e;
--color-homeworld-950: #001e34;
}SCSS
$homeworld: #00a0e7;
$homeworld-rgb: 0, 160, 231;
$homeworld-light: mix(#fff, $homeworld, 20%);
$homeworld-dark: mix(#000, $homeworld, 20%);
.element {
color: $homeworld;
box-shadow: 0 0 0 2px rgba($homeworld, 0.35);
}