Benannte Farbe · #445172
Astronaut
Astronaut ist #445172: rgb(68 81 114), hsl(223 25% 36%), oklch(0.438 0.057 267.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Astronaut color name →
#445172
oklch(0.438 0.057 267.5)
Farbumrechnungen
- HEX
- #445172
- RGB
- rgb(68 81 114)
- HSL
- hsl(223 25% 36%)
- HWB
- hwb(223 27% 55%)
- OKLCH
- oklch(0.438 0.057 267.5)
- OKLab
- oklab(0.438 -0.003 -0.057)
- CIE Lab
- lab(34.41 1.68 -20.82)
- LCH
- lch(34.41 20.89 274.6)
- CMYK
- cmyk(40% 29% 0% 55%)
Tints · Shades · Tones
Tints
- 556180
- 66718D
- 78829B
- 8A93A9
- 9CA4B7
- AFB6C5
- C3C8D3
- D6DAE2
- EBECF0
Shades
- 3A4562
- 303A53
- 262F44
- 1D2436
- 141A28
- 0C101B
- 05070E
- 020204
- 000001
Tones
- 4A5674
- 505A75
- 555F77
- 5B6478
- 61687A
- 676D7B
- 6D727C
- 74777E
- 7A7B7F
Farbharmonien
Komplementär +180°
- 445172
Astronaut
- 5F502B
≈ West Coast
Analog -30° +30°
- 445172
Astronaut
- 32576E
≈ Endless Sea
- 554B6E
≈ Harajuku Girl
Triadisch +120° +240°
- 445172
Astronaut
- 6E4640
≈ Warm Mahogany
- 3C5B40
≈ Horsetail
Geteilt komplementär +150° +210°
- 445172
Astronaut
- 6A4A32
≈ Guitar
- 4F5631
≈ Chive
Tetradisch +90° +180° +270°
- 445172
Astronaut
- 6C4552
≈ Mixed Berry Jam
- 5F502B
≈ West Coast
- 2B5C52
≈ Old Money
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.87:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.66:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--astronaut: #445172;
--astronaut-rgb: 68 81 114;
--astronaut-oklch: oklch(0.438 0.057 267.5);
}
.element {
color: var(--astronaut);
background-color: hsl(223 25% 36%);
border-color: oklch(0.438 0.057 267.5);
}Tailwind CSS v4
@theme {
--color-astronaut: #445172;
--color-astronaut-50: #eef5ff;
--color-astronaut-100: #e0e8fc;
--color-astronaut-200: #cad4ee;
--color-astronaut-300: #abb7d6;
--color-astronaut-400: #8f9ec1;
--color-astronaut-500: #7585ad;
--color-astronaut-600: #637192;
--color-astronaut-700: #4f5a75;
--color-astronaut-800: #394257;
--color-astronaut-900: #272e3c;
--color-astronaut-950: #151a26;
}SCSS
$astronaut: #445172;
$astronaut-rgb: 68, 81, 114;
$astronaut-light: mix(#fff, $astronaut, 20%);
$astronaut-dark: mix(#000, $astronaut, 20%);
.element {
color: $astronaut;
box-shadow: 0 0 0 2px rgba($astronaut, 0.35);
}