命名颜色 · #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);
}