이름 색상 · #528BAB
Cosmopolitan
Cosmopolitan은(는) #528BAB: rgb(82 139 171), hsl(202 35% 50%), oklch(0.61 0.077 234.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Cosmopolitan color name →
#528BAB
oklch(0.61 0.077 234.6)
색상 변환
- HEX
- #528bab
- RGB
- rgb(82 139 171)
- HSL
- hsl(202 35% 50%)
- HWB
- hwb(202 32% 33%)
- OKLCH
- oklch(0.61 0.077 234.6)
- OKLab
- oklab(0.61 -0.045 -0.063)
- CIE Lab
- lab(54.92 -12.47 -23.12)
- LCH
- lch(54.92 26.27 241.7)
- CMYK
- cmyk(52% 19% 0% 33%)
틴트 · 셰이드 · 톤
틴트
- 6496B3
- 75A2BC
- 86ADC4
- 97B9CD
- A8C4D5
- B9D0DD
- CBDBE6
- DCE7EE
- EDF3F7
셰이드
- 467894
- 3B667E
- 2F5468
- 254354
- 1A3240
- 11232D
- 08141B
- 02070B
- 000101
톤
- 588AA7
- 5D89A3
- 62889E
- 67879A
- 6C8696
- 708591
- 74848D
- 788389
- 7C8184
색 조화
보색 +180°
- 528BAB
Cosmopolitan
- A87756
≈ New England Roast
유사색 -30° +30°
- 528BAB
Cosmopolitan
- 439199
≈ Asagi Blue
- 6C83B2
≈ Kimono
삼각 배색 +120° +240°
- 528BAB
Cosmopolitan
- A87086
≈ Never Forget
- 828952
≈ Field Maple
분열 보색 +150° +210°
- 528BAB
Cosmopolitan
- AD716C
≈ Copper Penny
- 99804B
≈ Yellow Nile
사각 배색 +90° +180° +270°
- 528BAB
Cosmopolitan
- 9B739D
≈ Scotch Thistle
- A87756
≈ New England Roast
- 669066
≈ English Ivy
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.72:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.63:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--cosmopolitan: #528bab;
--cosmopolitan-rgb: 82 139 171;
--cosmopolitan-oklch: oklch(0.61 0.077 234.6);
}
.element {
color: var(--cosmopolitan);
background-color: hsl(202 35% 50%);
border-color: oklch(0.61 0.077 234.6);
}Tailwind CSS v4
@theme {
--color-cosmopolitan: #528bab;
--color-cosmopolitan-50: #e1f9ff;
--color-cosmopolitan-100: #d1edff;
--color-cosmopolitan-200: #b6daf1;
--color-cosmopolitan-300: #92beda;
--color-cosmopolitan-400: #70a6c6;
--color-cosmopolitan-500: #4e8eb2;
--color-cosmopolitan-600: #437996;
--color-cosmopolitan-700: #356179;
--color-cosmopolitan-800: #254759;
--color-cosmopolitan-900: #18313e;
--color-cosmopolitan-950: #091d27;
}SCSS
$cosmopolitan: #528bab;
$cosmopolitan-rgb: 82, 139, 171;
$cosmopolitan-light: mix(#fff, $cosmopolitan, 20%);
$cosmopolitan-dark: mix(#000, $cosmopolitan, 20%);
.element {
color: $cosmopolitan;
box-shadow: 0 0 0 2px rgba($cosmopolitan, 0.35);
}