Nazwany kolor · #528BAB
Cosmopolitan
Cosmopolitan to #528BAB: rgb(82 139 171), hsl(202 35% 50%), oklch(0.61 0.077 234.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Cosmopolitan color name →
#528BAB
oklch(0.61 0.077 234.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6496B3
- 75A2BC
- 86ADC4
- 97B9CD
- A8C4D5
- B9D0DD
- CBDBE6
- DCE7EE
- EDF3F7
Odcienie ciemniejsze
- 467894
- 3B667E
- 2F5468
- 254354
- 1A3240
- 11232D
- 08141B
- 02070B
- 000101
Tony
- 588AA7
- 5D89A3
- 62889E
- 67879A
- 6C8696
- 708591
- 74848D
- 788389
- 7C8184
Harmonie kolorów
Komplementarna +180°
- 528BAB
Cosmopolitan
- A87756
≈ New England Roast
Analogowa -30° +30°
- 528BAB
Cosmopolitan
- 439199
≈ Asagi Blue
- 6C83B2
≈ Kimono
Triada +120° +240°
- 528BAB
Cosmopolitan
- A87086
≈ Never Forget
- 828952
≈ Field Maple
Komplementarna rozszczepiona +150° +210°
- 528BAB
Cosmopolitan
- AD716C
≈ Copper Penny
- 99804B
≈ Yellow Nile
Tetrada +90° +180° +270°
- 528BAB
Cosmopolitan
- 9B739D
≈ Scotch Thistle
- A87756
≈ New England Roast
- 669066
≈ English Ivy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.72:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.63:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
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);
}