Cor nomeada · #4E536B
Harbourmaster
Harbourmaster é #4E536B: rgb(78 83 107), hsl(230 16% 36%), oklch(0.447 0.04 275.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Harbourmaster color name →
#4E536B
oklch(0.447 0.04 275.5)
Conversões de cor
- HEX
- #4e536b
- RGB
- rgb(78 83 107)
- HSL
- hsl(230 16% 36%)
- HWB
- hwb(230 31% 58%)
- OKLCH
- oklch(0.447 0.04 275.5)
- OKLab
- oklab(0.447 0.004 -0.04)
- CIE Lab
- lab(35.57 2.45 -14.61)
- LCH
- lch(35.57 14.82 279.5)
- CMYK
- cmyk(27% 22% 0% 58%)
Tons claros · Sombras · Tons
Tons claros
- 5E6379
- 6E7387
- 7F8395
- 9094A4
- A2A5B3
- B4B6C2
- C6C8D1
- D9DAE0
- ECECEF
Sombras
- 43475C
- 383B4E
- 2D303F
- 232532
- 191B25
- 0F1118
- 07080D
- 020204
- 000000
Tons
- 53576D
- 585C6F
- 5C6072
- 616574
- 666976
- 6B6E78
- 71727A
- 76777C
- 7B7B7E
Harmonias de cor
Complementar +180°
- 4E536B
Harbourmaster
- 5B553B
≈ Danger Ridge
Análoga -30° +30°
- 4E536B
Harbourmaster
- 42576A
≈ Inlet Harbour
- 5A4F67
≈ Blackcurrant Elixir
Tríade +120° +240°
- 4E536B
Harbourmaster
- 694D45
≈ Medium Taupe
- 435B4B
≈ Greenwich
Complementar dividida +150° +210°
- 4E536B
Harbourmaster
- 64503D
≈ Corral
- 4F5940
≈ Blue Black Crayfish
Tétrade +90° +180° +270°
- 4E536B
Harbourmaster
- 684B51
≈ Flamboyant Plum
- 5B553B
≈ Danger Ridge
- 3A5C58
≈ Trekking Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.57:1 · APCA Lc 86
Ag
FailSobre preto
WCAG 2.77:1 · APCA Lc 16
Melhor cor de texto: #FFFFFF
WCAG 7.57:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--harbourmaster: #4e536b;
--harbourmaster-rgb: 78 83 107;
--harbourmaster-oklch: oklch(0.447 0.04 275.5);
}
.element {
color: var(--harbourmaster);
background-color: hsl(230 16% 36%);
border-color: oklch(0.447 0.04 275.5);
}Tailwind CSS v4
@theme {
--color-harbourmaster: #4e536b;
--color-harbourmaster-50: #f2f4ff;
--color-harbourmaster-100: #e4e7f6;
--color-harbourmaster-200: #d0d3e6;
--color-harbourmaster-300: #b2b6cc;
--color-harbourmaster-400: #979db7;
--color-harbourmaster-500: #7e84a1;
--color-harbourmaster-600: #6b7088;
--color-harbourmaster-700: #555a6d;
--color-harbourmaster-800: #3e4251;
--color-harbourmaster-900: #2a2d38;
--color-harbourmaster-950: #181a23;
}SCSS
$harbourmaster: #4e536b;
$harbourmaster-rgb: 78, 83, 107;
$harbourmaster-light: mix(#fff, $harbourmaster, 20%);
$harbourmaster-dark: mix(#000, $harbourmaster, 20%);
.element {
color: $harbourmaster;
box-shadow: 0 0 0 2px rgba($harbourmaster, 0.35);
}