Benannte Farbe · #376F89
Astral
Astral ist #376F89: rgb(55 111 137), hsl(199 43% 38%), oklch(0.515 0.072 230.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Astral color name →
#376F89
oklch(0.515 0.072 230.4)
Farbumrechnungen
- HEX
- #376f89
- RGB
- rgb(55 111 137)
- HSL
- hsl(199 43% 38%)
- HWB
- hwb(199 22% 46%)
- OKLCH
- oklch(0.515 0.072 230.4)
- OKLab
- oklab(0.515 -0.046 -0.055)
- CIE Lab
- lab(43.89 -12.98 -20.31)
- LCH
- lch(43.89 24.11 237.4)
- CMYK
- cmyk(60% 19% 0% 46%)
Tints · Shades · Tones
Tints
- 4C7D94
- 5F8BA0
- 7399AC
- 86A7B7
- 9AB5C3
- AEC4CF
- C2D2DB
- D6E1E7
- EAF0F3
Shades
- 2E6076
- 265164
- 1E4253
- 163442
- 0F2731
- 081A22
- 030E14
- 010407
- 000101
Tones
- 407188
- 487388
- 507587
- 577686
- 5F7885
- 657A84
- 6C7B83
- 737D82
- 7A7E81
Farbharmonien
Komplementär +180°
- 376F89
Astral
- 895B41
≈ Hope Chest
Analog -30° +30°
- 376F89
Astral
- 2A7478
≈ Poseidon’s Castle
- 4F6891
≈ UCLA Blue
Triadisch +120° +240°
- 376F89
Astral
- 87566D
≈ Merlin’s Cloak
- 696B39
≈ Robinhood
Geteilt komplementär +150° +210°
- 376F89
Astral
- 8C5656
≈ Maroon Rover
- 7D6335
≈ Autumn Gold
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.53:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.79:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--astral: #376f89;
--astral-rgb: 55 111 137;
--astral-oklch: oklch(0.515 0.072 230.4);
}
.element {
color: var(--astral);
background-color: hsl(199 43% 38%);
border-color: oklch(0.515 0.072 230.4);
}Tailwind CSS v4
@theme {
--color-astral: #376f89;
--color-astral-50: #e2f9ff;
--color-astral-100: #d1edfc;
--color-astral-200: #b7daee;
--color-astral-300: #93bed6;
--color-astral-400: #71a7c1;
--color-astral-500: #508fad;
--color-astral-600: #457992;
--color-astral-700: #376175;
--color-astral-800: #264756;
--color-astral-900: #19313c;
--color-astral-950: #091d26;
}SCSS
$astral: #376f89;
$astral-rgb: 55, 111, 137;
$astral-light: mix(#fff, $astral, 20%);
$astral-dark: mix(#000, $astral, 20%);
.element {
color: $astral;
box-shadow: 0 0 0 2px rgba($astral, 0.35);
}