Cor nomeada · #005E8C
Mamala Bay
Mamala Bay é #005E8C: rgb(0 94 140), hsl(200 100% 27%), oklch(0.459 0.105 239.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Mamala Bay color name →
#005E8C
oklch(0.459 0.105 239.9)
Conversões de cor
- HEX
- #005e8c
- RGB
- rgb(0 94 140)
- HSL
- hsl(200 100% 27%)
- HWB
- hwb(200 0% 45%)
- OKLCH
- oklch(0.459 0.105 239.9)
- OKLab
- oklab(0.459 -0.053 -0.091)
- CIE Lab
- lab(37.14 -10.41 -32.69)
- LCH
- lch(37.14 34.31 252.3)
- CMYK
- cmyk(100% 33% 0% 45%)
Tons claros · Sombras · Tons
Tons claros
- 2A6E98
- 447DA3
- 5C8DAF
- 739DBA
- 8AADC6
- A1BDD1
- B8CDDD
- CFDEE8
- E7EEF4
Sombras
- 005179
- 004467
- 003755
- 002B43
- 001F33
- 001423
- 000A14
- 000307
- 000001
Tons
- 1C628B
- 2C668A
- 396989
- 456D88
- 4F7087
- 5A7386
- 647785
- 6D7A83
- 777D82
Harmonias de cor
Complementar +180°
- 005E8C
Mamala Bay
- 814706
≈ Dried Mustard
Análoga -30° +30°
- 005E8C
Mamala Bay
- 006470
≈ Peacock Tail
- 415392
≈ Crushed Velvet
Tríade +120° +240°
- 005E8C
Mamala Bay
- 853C55
≈ Ancient Royal Banner
- 516008
≈ Camouflage Green
Complementar dividida +150° +210°
- 005E8C
Mamala Bay
- 893E33
≈ Strong Strawberry
- 6C5500
≈ Ayahuasca Vine
Tétrade +90° +180° +270°
- 005E8C
Mamala Bay
- 784074
≈ Spring Lobster Dye
- 814706
≈ Dried Mustard
- 226836
≈ Camarone
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.04:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.97:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--mamala-bay: #005e8c;
--mamala-bay-rgb: 0 94 140;
--mamala-bay-oklch: oklch(0.459 0.105 239.9);
}
.element {
color: var(--mamala-bay);
background-color: hsl(200 100% 27%);
border-color: oklch(0.459 0.105 239.9);
}Tailwind CSS v4
@theme {
--color-mamala-bay: #005e8c;
--color-mamala-bay-50: #dcfaff;
--color-mamala-bay-100: #caedff;
--color-mamala-bay-200: #addbfe;
--color-mamala-bay-300: #87bee9;
--color-mamala-bay-400: #60a7d6;
--color-mamala-bay-500: #388ec4;
--color-mamala-bay-600: #3179a6;
--color-mamala-bay-700: #276085;
--color-mamala-bay-800: #184762;
--color-mamala-bay-900: #103145;
--color-mamala-bay-950: #031d2d;
}SCSS
$mamala-bay: #005e8c;
$mamala-bay-rgb: 0, 94, 140;
$mamala-bay-light: mix(#fff, $mamala-bay, 20%);
$mamala-bay-dark: mix(#000, $mamala-bay, 20%);
.element {
color: $mamala-bay;
box-shadow: 0 0 0 2px rgba($mamala-bay, 0.35);
}