Benannte Farbe · #355376
Aerostatics
Aerostatics ist #355376: rgb(53 83 118), hsl(212 38% 34%), oklch(0.435 0.068 253.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Aerostatics color name →
#355376
oklch(0.435 0.068 253.1)
Farbumrechnungen
- HEX
- #355376
- RGB
- rgb(53 83 118)
- HSL
- hsl(212 38% 34%)
- HWB
- hwb(212 21% 54%)
- OKLCH
- oklch(0.435 0.068 253.1)
- OKLab
- oklab(0.435 -0.02 -0.065)
- CIE Lab
- lab(34.17 -3.06 -23.76)
- LCH
- lch(34.17 23.95 262.7)
- CMYK
- cmyk(55% 30% 0% 54%)
Tints · Shades · Tones
Tints
- 486383
- 5A7391
- 6E849E
- 8194AC
- 95A6B9
- AAB7C7
- BEC9D5
- D4DAE3
- E9EDF1
Shades
- 2D4766
- 253B56
- 1D3047
- 152538
- 0E1B29
- 08111C
- 03080F
- 010205
- 000001
Tones
- 3D5877
- 445C79
- 4C617A
- 53657B
- 5B6A7C
- 626E7D
- 69737E
- 71777F
- 787C7F
Farbharmonien
Komplementär +180°
- 355376
Aerostatics
- 684B23
≈ Black Queen
Analog -30° +30°
- 355376
Aerostatics
- 1C596D
≈ Blue Coral
- 4C4C76
≈ Skipper Blue
Triadisch +120° +240°
- 355376
Aerostatics
- 724146
≈ Rumours
- 425931
≈ Turf
Geteilt komplementär +150° +210°
- 355376
Aerostatics
- 714432
≈ Brisket
- 585322
≈ Private Green
Tetradisch +90° +180° +270°
- 355376
Aerostatics
- 6B415B
≈ Prune Purple
- 684B23
≈ Black Queen
- 285D46
≈ Greenbriar
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.92:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.65:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--aerostatics: #355376;
--aerostatics-rgb: 53 83 118;
--aerostatics-oklch: oklch(0.435 0.068 253.1);
}
.element {
color: var(--aerostatics);
background-color: hsl(212 38% 34%);
border-color: oklch(0.435 0.068 253.1);
}Tailwind CSS v4
@theme {
--color-aerostatics: #355376;
--color-aerostatics-50: #e8f7ff;
--color-aerostatics-100: #d9eaff;
--color-aerostatics-200: #c1d6f2;
--color-aerostatics-300: #a0badb;
--color-aerostatics-400: #82a1c7;
--color-aerostatics-500: #6689b3;
--color-aerostatics-600: #567497;
--color-aerostatics-700: #455d79;
--color-aerostatics-800: #30445a;
--color-aerostatics-900: #212f3f;
--color-aerostatics-950: #101c28;
}SCSS
$aerostatics: #355376;
$aerostatics-rgb: 53, 83, 118;
$aerostatics-light: mix(#fff, $aerostatics, 20%);
$aerostatics-dark: mix(#000, $aerostatics, 20%);
.element {
color: $aerostatics;
box-shadow: 0 0 0 2px rgba($aerostatics, 0.35);
}