Nächste benannte Farbe · #382F64
#382F64
Nächste benannte Farbe: Galaxea
#382F64 (rgb(56 47 100), hsl(250 36% 29%), oklch(0.344 0.09 288.6)) liegt am nächsten an der benannten Farbe Galaxea. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#382F64
oklch(0.344 0.09 288.6)
Farbumrechnungen
- HEX
- #382f64
- RGB
- rgb(56 47 100)
- HSL
- hsl(250 36% 29%)
- HWB
- hwb(250 18% 61%)
- OKLCH
- oklch(0.344 0.09 288.6)
- OKLab
- oklab(0.344 0.029 -0.085)
- CIE Lab
- lab(22.62 15.43 -30.48)
- LCH
- lch(22.62 34.16 296.9)
- CMYK
- cmyk(44% 53% 0% 61%)
Tints · Shades · Tones
Tints
- 494273
- 5A5582
- 6D6992
- 807DA1
- 9492B0
- A9A7C0
- BDBCD0
- D3D2DF
- E9E8EF
Shades
- 2F2756
- 272048
- 1F193B
- 17122E
- 0F0C22
- 080616
- 04030B
- 010103
- 000000
Tones
- 3E3767
- 453F6B
- 4C476E
- 534F71
- 5A5773
- 615F76
- 696879
- 70707B
- 78787E
Farbharmonien
Komplementär +180°
- 382F64
Galaxea
- 3C3B00
≈ Dark Olive
Analog -30° +30°
- 382F64
Galaxea
- 193867
≈ Passionate Blue
- 4C2756
≈ Deep Plum
Triadisch +120° +240°
- 382F64
Galaxea
- 5D2703
≈ Hot Fudge
- 004432
≈ UP Forest Green
Geteilt komplementär +150° +210°
- 382F64
Galaxea
- 4D3300
≈ Kyoto House
- 1E4310
≈ Realm of the Underworld
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.94:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.75:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.94:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--galaxea: #382f64;
--galaxea-rgb: 56 47 100;
--galaxea-oklch: oklch(0.344 0.09 288.6);
}
.element {
color: var(--galaxea);
background-color: hsl(250 36% 29%);
border-color: oklch(0.344 0.09 288.6);
}Tailwind CSS v4
@theme {
--color-galaxea: #382f64;
--color-galaxea-50: #f4f1ff;
--color-galaxea-100: #e7e3ff;
--color-galaxea-200: #d3cef9;
--color-galaxea-300: #b7b0e3;
--color-galaxea-400: #9c96d1;
--color-galaxea-500: #847cbe;
--color-galaxea-600: #7069a1;
--color-galaxea-700: #595481;
--color-galaxea-800: #403d60;
--color-galaxea-900: #2c2a43;
--color-galaxea-950: #19182b;
}SCSS
$galaxea: #382f64;
$galaxea-rgb: 56, 47, 100;
$galaxea-light: mix(#fff, $galaxea, 20%);
$galaxea-dark: mix(#000, $galaxea, 20%);
.element {
color: $galaxea;
box-shadow: 0 0 0 2px rgba($galaxea, 0.35);
}