Benannte Farbe · #D28083
Galah
Galah ist #D28083: rgb(210 128 131), hsl(358 48% 66%), oklch(0.687 0.102 17.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Galah color name →
#D28083
oklch(0.687 0.102 17.7)
Farbumrechnungen
- HEX
- #d28083
- RGB
- rgb(210 128 131)
- HSL
- hsl(358 48% 66%)
- HWB
- hwb(358 50% 18%)
- OKLCH
- oklch(0.687 0.102 17.7)
- OKLab
- oklab(0.687 0.097 0.031)
- CIE Lab
- lab(62.67 32.77 12.62)
- LCH
- lch(62.67 35.11 21.1)
- CMYK
- cmyk(0% 39% 38% 18%)
Tints · Shades · Tones
Tints
- D88D8F
- DD999B
- E2A6A7
- E7B2B3
- EBBFBF
- F0CCCC
- F4D8D8
- F8E5E5
- FCF2F2
Shades
- B66E71
- 9B5D60
- 814D4F
- 683D3F
- 502E2F
- 391F20
- 241212
- 100606
- 020101
Tones
- CA8083
- C28183
- BA8182
- B28182
- AA8182
- A28181
- 9A8181
- 918181
- 898080
Farbharmonien
Komplementär +180°
- D28083
Galah
- 38AEB1
≈ Pluto
Analog -30° +30°
- D28083
Galah
- C980A6
≈ Moonlight Mauve
- CE8762
≈ Harvest Time
Triadisch +120° +240°
- D28083
Galah
- 7BAA6B
≈ Alfalfa Bug
- 729CD9
≈ Ice Blue
Geteilt komplementär +150° +210°
- D28083
Galah
- 52AF8E
≈ O’grady Green
- 4CA7CC
≈ Mystic Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.93:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.15:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--galah: #d28083;
--galah-rgb: 210 128 131;
--galah-oklch: oklch(0.687 0.102 17.7);
}
.element {
color: var(--galah);
background-color: hsl(358 48% 66%);
border-color: oklch(0.687 0.102 17.7);
}Tailwind CSS v4
@theme {
--color-galah: #d28083;
--color-galah-50: #ffeae9;
--color-galah-100: #ffdbda;
--color-galah-200: #fdc4c3;
--color-galah-300: #e7a3a2;
--color-galah-400: #d48588;
--color-galah-500: #c0686d;
--color-galah-600: #a2595c;
--color-galah-700: #82474a;
--color-galah-800: #613336;
--color-galah-900: #442325;
--color-galah-950: #2c1114;
}SCSS
$galah: #d28083;
$galah-rgb: 210, 128, 131;
$galah-light: mix(#fff, $galah, 20%);
$galah-dark: mix(#000, $galah, 20%);
.element {
color: $galah;
box-shadow: 0 0 0 2px rgba($galah, 0.35);
}