이름 색상 · #2299DD
Homeworld
Homeworld은(는) #2299DD: rgb(34 153 221), hsl(202 73% 50%), oklch(0.653 0.141 240.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Homeworld color name →
#2299DD
oklch(0.653 0.141 240.6)
색상 변환
- HEX
- #2299dd
- RGB
- rgb(34 153 221)
- HSL
- hsl(202 73% 50%)
- HWB
- hwb(202 13% 13%)
- OKLCH
- oklch(0.653 0.141 240.6)
- OKLab
- oklab(0.653 -0.069 -0.123)
- CIE Lab
- lab(59.5 -13.97 -44.26)
- LCH
- lch(59.5 46.42 252.5)
- CMYK
- cmyk(85% 31% 0% 13%)
틴트 · 셰이드 · 톤
틴트
- 44A4E1
- 5DAEE5
- 74B8E9
- 89C3ED
- 9DCDF0
- B1D7F3
- C5E1F7
- D8EBFA
- ECF5FC
셰이드
- 1C84C0
- 1670A4
- 115D88
- 0B4A6E
- 073855
- 03273D
- 011726
- 000811
- 000102
톤
- 3697D4
- 4395CB
- 4E93C1
- 5890B8
- 608EAF
- 688BA6
- 6E899C
- 758693
- 7B838A
색 조화
보색 +180°
- 2299DD
Homeworld
- CD7820
≈ Ochre
유사색 -30° +30°
- 2299DD
Homeworld
- 00A2B7
≈ January Blue
- 7089E6
≈ Soft Blue
삼각 배색 +120° +240°
- 2299DD
Homeworld
- D3678B
≈ Preppy Rose
- 849C27
≈ Bruni Green
분열 보색 +150° +210°
- 2299DD
Homeworld
- D86B59
≈ Coralite
- AF8B00
≈ Yellow Brown
사각 배색 +90° +180° +270°
- 2299DD
Homeworld
- C06DB8
≈ Gulābī Pink
- CD7820
≈ Ochre
- 42A861
≈ Bouncy Ball Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.14:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.66:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.66:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--homeworld: #2299dd;
--homeworld-rgb: 34 153 221;
--homeworld-oklch: oklch(0.653 0.141 240.6);
}
.element {
color: var(--homeworld);
background-color: hsl(202 73% 50%);
border-color: oklch(0.653 0.141 240.6);
}Tailwind CSS v4
@theme {
--color-homeworld: #2299dd;
--color-homeworld-50: #d3fbff;
--color-homeworld-100: #bfeeff;
--color-homeworld-200: #9fdcff;
--color-homeworld-300: #73c0fa;
--color-homeworld-400: #41a8e9;
--color-homeworld-500: #008fd9;
--color-homeworld-600: #0079b7;
--color-homeworld-700: #006193;
--color-homeworld-800: #00486d;
--color-homeworld-900: #00324d;
--color-homeworld-950: #001d33;
}SCSS
$homeworld: #2299dd;
$homeworld-rgb: 34, 153, 221;
$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);
}