Benannte Farbe · #005E8C
Mamala Bay
Mamala Bay ist #005E8C: rgb(0 94 140), hsl(200 100% 27%), oklch(0.459 0.105 239.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mamala Bay color name →
#005E8C
oklch(0.459 0.105 239.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 2A6E98
- 447DA3
- 5C8DAF
- 739DBA
- 8AADC6
- A1BDD1
- B8CDDD
- CFDEE8
- E7EEF4
Shades
- 005179
- 004467
- 003755
- 002B43
- 001F33
- 001423
- 000A14
- 000307
- 000001
Tones
- 1C628B
- 2C668A
- 396989
- 456D88
- 4F7087
- 5A7386
- 647785
- 6D7A83
- 777D82
Farbharmonien
Komplementär +180°
- 005E8C
Mamala Bay
- 814706
≈ Dried Mustard
Analog -30° +30°
- 005E8C
Mamala Bay
- 006470
≈ Peacock Tail
- 415392
≈ Crushed Velvet
Triadisch +120° +240°
- 005E8C
Mamala Bay
- 853C55
≈ Ancient Royal Banner
- 516008
≈ Camouflage Green
Geteilt komplementär +150° +210°
- 005E8C
Mamala Bay
- 893E33
≈ Strong Strawberry
- 6C5500
≈ Ayahuasca Vine
Tetradisch +90° +180° +270°
- 005E8C
Mamala Bay
- 784074
≈ Spring Lobster Dye
- 814706
≈ Dried Mustard
- 226836
≈ Camarone
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.04:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
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);
}