Benannte Farbe · #00A9DA
Malibu Blue
Malibu Blue ist #00A9DA: rgb(0 169 218), hsl(193 100% 43%), oklch(0.686 0.133 227.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Malibu Blue color name →
#00A9DA
oklch(0.686 0.133 227.6)
Farbumrechnungen
- HEX
- #00a9da
- RGB
- rgb(0 169 218)
- HSL
- hsl(193 100% 43%)
- HWB
- hwb(193 0% 15%)
- OKLCH
- oklch(0.686 0.133 227.6)
- OKLab
- oklab(0.686 -0.09 -0.098)
- CIE Lab
- lab(63.91 -24.3 -35.78)
- LCH
- lch(63.91 43.25 235.8)
- CMYK
- cmyk(100% 22% 0% 15%)
Tints · Shades · Tones
Tints
- 3DB2DE
- 5BBBE2
- 73C4E6
- 89CCEA
- 9ED5EE
- B2DDF1
- C5E6F5
- D9EEF8
- ECF7FC
Shades
- 0092BD
- 007CA2
- 006787
- 00536C
- 003F54
- 002C3C
- 001B25
- 000A11
- 000102
Tones
- 2CA5D1
- 3FA1C8
- 4C9DBF
- 5799B6
- 6095AD
- 6891A4
- 6F8D9B
- 758992
- 7B8489
Farbharmonien
Komplementär +180°
- 00A9DA
Malibu Blue
- DC7E4C
≈ Seraphim Sepia
Analog -30° +30°
- 00A9DA
Malibu Blue
- 00B0B4
≈ Mermaid Treasure
- 639BEB
≈ Feather Star
Triadisch +120° +240°
- 00A9DA
Malibu Blue
- D576A9
≈ Wild Orchid
- A39F2A
≈ Forest Lichen
Geteilt komplementär +150° +210°
- 00A9DA
Malibu Blue
- E0757B
≈ Natural Candy Pink
- C78E22
≈ End of Summer
Tetradisch +90° +180° +270°
- 00A9DA
Malibu Blue
- BC7ED0
≈ Lavender Blossom
- DC7E4C
≈ Seraphim Sepia
- 70AD58
≈ Arugula
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.73:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.68:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.68:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--malibu-blue: #00a9da;
--malibu-blue-rgb: 0 169 218;
--malibu-blue-oklch: oklch(0.686 0.133 227.6);
}
.element {
color: var(--malibu-blue);
background-color: hsl(193 100% 43%);
border-color: oklch(0.686 0.133 227.6);
}Tailwind CSS v4
@theme {
--color-malibu-blue: #00a9da;
--color-malibu-blue-50: #cffdff;
--color-malibu-blue-100: #baf1ff;
--color-malibu-blue-200: #97e0ff;
--color-malibu-blue-300: #67c4ee;
--color-malibu-blue-400: #28addc;
--color-malibu-blue-500: #0095ca;
--color-malibu-blue-600: #007eab;
--color-malibu-blue-700: #006589;
--color-malibu-blue-800: #004b65;
--color-malibu-blue-900: #003447;
--color-malibu-blue-950: #001f2e;
}SCSS
$malibu-blue: #00a9da;
$malibu-blue-rgb: 0, 169, 218;
$malibu-blue-light: mix(#fff, $malibu-blue, 20%);
$malibu-blue-dark: mix(#000, $malibu-blue, 20%);
.element {
color: $malibu-blue;
box-shadow: 0 0 0 2px rgba($malibu-blue, 0.35);
}