Benannte Farbe · #01578F
Bandana
Bandana ist #01578F: rgb(1 87 143), hsl(204 99% 28%), oklch(0.444 0.115 246.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Bandana color name →
#01578F
oklch(0.444 0.115 246.7)
Farbumrechnungen
- HEX
- #01578f
- RGB
- rgb(1 87 143)
- HSL
- hsl(204 99% 28%)
- HWB
- hwb(204 0% 44%)
- OKLCH
- oklch(0.444 0.115 246.7)
- OKLab
- oklab(0.444 -0.046 -0.106)
- CIE Lab
- lab(35.01 -5.37 -37.86)
- LCH
- lch(35.01 38.24 261.9)
- CMYK
- cmyk(99% 39% 0% 44%)
Tints · Shades · Tones
Tints
- 29679B
- 4278A6
- 5A88B1
- 7199BD
- 88A9C8
- 9FBAD3
- B7CBDE
- CFDCE9
- E7EEF4
Shades
- 014B7C
- 013E69
- 003357
- 002745
- 001C34
- 001224
- 000815
- 000307
- 000001
Tones
- 1B5C8E
- 2B608D
- 37658C
- 43698B
- 4E6D89
- 587188
- 627586
- 6C7984
- 767C82
Farbharmonien
Komplementär +180°
- 01578F
Bandana
- 774700
≈ Flat Brown
Analog -30° +30°
- 01578F
Bandana
- 005E70
≈ Ocean Radiance
- 444B92
≈ Merlin’s Robe
Triadisch +120° +240°
- 01578F
Bandana
- 863349
≈ Honey Chilli
- 435E00
≈ Rainforest Matcha
Geteilt komplementär +150° +210°
- 01578F
Bandana
- 873720
≈ Kofta Brown
- 625300
≈ Olive Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.60:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.76:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.60:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--bandana: #01578f;
--bandana-rgb: 1 87 143;
--bandana-oklch: oklch(0.444 0.115 246.7);
}
.element {
color: var(--bandana);
background-color: hsl(204 99% 28%);
border-color: oklch(0.444 0.115 246.7);
}Tailwind CSS v4
@theme {
--color-bandana: #01578f;
--color-bandana-50: #dcf9ff;
--color-bandana-100: #cbecff;
--color-bandana-200: #aed9ff;
--color-bandana-300: #88bdf0;
--color-bandana-400: #62a4df;
--color-bandana-500: #3b8cce;
--color-bandana-600: #3476ae;
--color-bandana-700: #295f8b;
--color-bandana-800: #1a4667;
--color-bandana-900: #113049;
--color-bandana-950: #031c30;
}SCSS
$bandana: #01578f;
$bandana-rgb: 1, 87, 143;
$bandana-light: mix(#fff, $bandana, 20%);
$bandana-dark: mix(#000, $bandana, 20%);
.element {
color: $bandana;
box-shadow: 0 0 0 2px rgba($bandana, 0.35);
}