Cor nomeada · #5285A4
Hemisphere
Hemisphere é #5285A4: rgb(82 133 164), hsl(203 33% 48%), oklch(0.593 0.073 236.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Hemisphere color name →
#5285A4
oklch(0.593 0.073 236.5)
Conversões de cor
- HEX
- #5285a4
- RGB
- rgb(82 133 164)
- HSL
- hsl(203 33% 48%)
- HWB
- hwb(203 32% 36%)
- OKLCH
- oklch(0.593 0.073 236.5)
- OKLab
- oklab(0.593 -0.04 -0.06)
- CIE Lab
- lab(52.89 -11.04 -22.22)
- LCH
- lch(52.89 24.81 243.6)
- CMYK
- cmyk(50% 19% 0% 36%)
Tons claros · Sombras · Tons
Tons claros
- 6391AD
- 749DB6
- 85A9BF
- 96B5C8
- A7C1D1
- B9CDDA
- CAD9E4
- DCE6ED
- EDF2F6
Sombras
- 46738E
- 3B6179
- 2F5064
- 254050
- 1A303D
- 11212B
- 08131A
- 02060A
- 000101
Tons
- 5885A1
- 5D849D
- 628499
- 668396
- 6B8392
- 70828F
- 74828B
- 788187
- 7C8184
Harmonias de cor
Complementar +180°
- 5285A4
Hemisphere
- A07353
≈ Ayrshire
Análoga -30° +30°
- 5285A4
Hemisphere
- 438B94
≈ Aqueous
- 6A7DAA
≈ Night Thistle
Tríade +120° +240°
- 5285A4
Hemisphere
- A26C7F
≈ Black Elder
- 7B8451
≈ Oregano
Complementar dividida +150° +210°
- 5285A4
Hemisphere
- A56D67
≈ Warm Wassail
- 917B4A
≈ Olive Boat
Tétrade +90° +180° +270°
- 5285A4
Hemisphere
- 956F95
≈ Tatarian Aster
- A07353
≈ Ayrshire
- 618A65
≈ Murdoch
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.00:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.24:1 · APCA Lc 34
Melhor cor de texto: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Trechos de código
CSS
:root {
--hemisphere: #5285a4;
--hemisphere-rgb: 82 133 164;
--hemisphere-oklch: oklch(0.593 0.073 236.5);
}
.element {
color: var(--hemisphere);
background-color: hsl(203 33% 48%);
border-color: oklch(0.593 0.073 236.5);
}Tailwind CSS v4
@theme {
--color-hemisphere: #5285a4;
--color-hemisphere-50: #e3f9ff;
--color-hemisphere-100: #d3ecfe;
--color-hemisphere-200: #b9d9f0;
--color-hemisphere-300: #95bdd9;
--color-hemisphere-400: #75a5c4;
--color-hemisphere-500: #548eb0;
--color-hemisphere-600: #487895;
--color-hemisphere-700: #396077;
--color-hemisphere-800: #284758;
--color-hemisphere-900: #1b313d;
--color-hemisphere-950: #0b1d27;
}SCSS
$hemisphere: #5285a4;
$hemisphere-rgb: 82, 133, 164;
$hemisphere-light: mix(#fff, $hemisphere, 20%);
$hemisphere-dark: mix(#000, $hemisphere, 20%);
.element {
color: $hemisphere;
box-shadow: 0 0 0 2px rgba($hemisphere, 0.35);
}