Benannte Farbe · #E4B5B2
Pink Dust
Pink Dust ist #E4B5B2: rgb(228 181 178), hsl(4 48% 80%), oklch(0.814 0.055 22.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Pink Dust color name →
#E4B5B2
oklch(0.814 0.055 22.6)
Farbumrechnungen
- HEX
- #e4b5b2
- RGB
- rgb(228 181 178)
- HSL
- hsl(4 48% 80%)
- HWB
- hwb(4 70% 11%)
- OKLCH
- oklch(0.814 0.055 22.6)
- OKLab
- oklab(0.814 0.051 0.021)
- CIE Lab
- lab(77.93 17.2 8.37)
- LCH
- lch(77.93 19.13 25.9)
- CMYK
- cmyk(0% 21% 22% 11%)
Tints · Shades · Tones
Tints
- E7BCB9
- EAC4C1
- EDCBC9
- F0D2D0
- F2DAD8
- F5E1E0
- F8E9E7
- FAF0EF
- FDF7F7
Shades
- C69D9A
- A98683
- 8D6F6D
- 725957
- 584443
- 3F302F
- 281D1D
- 120C0C
- 030201
Tones
- DAB0AD
- D0AAA8
- C5A5A3
- BBA09E
- B19A99
- A79594
- 9D908F
- 948A8A
- 8A8585
Farbharmonien
Komplementär +180°
- E4B5B2
Pink Dust
- 99CDD2
≈ Pentagon
Analog -30° +30°
- E4B5B2
Pink Dust
- E0B4C6
≈ Mental Floss
- E0B9A2
≈ Coral Bay
Triadisch +120° +240°
- E4B5B2
Pink Dust
- AECCAB
≈ Spinach Dip
- B0C3E7
≈ Promise Keeping
Geteilt komplementär +150° +210°
- E4B5B2
Pink Dust
- 9ECEBF
≈ Thermal Aqua
- 9FC9E0
≈ Legacy Blue
Tetradisch +90° +180° +270°
- E4B5B2
Pink Dust
- C2C79E
≈ Watercress Pesto
- 99CDD2
≈ Pentagon
- C3BCE4
≈ Pretty Posie
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.55:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--pink-dust: #e4b5b2;
--pink-dust-rgb: 228 181 178;
--pink-dust-oklch: oklch(0.814 0.055 22.6);
}
.element {
color: var(--pink-dust);
background-color: hsl(4 48% 80%);
border-color: oklch(0.814 0.055 22.6);
}Tailwind CSS v4
@theme {
--color-pink-dust: #e4b5b2;
--color-pink-dust-50: #fff0ed;
--color-pink-dust-100: #fae1df;
--color-pink-dust-200: #ebccc9;
--color-pink-dust-300: #d2adaa;
--color-pink-dust-400: #bd928f;
--color-pink-dust-500: #a87875;
--color-pink-dust-600: #8e6663;
--color-pink-dust-700: #72514f;
--color-pink-dust-800: #543b3a;
--color-pink-dust-900: #3b2828;
--color-pink-dust-950: #251616;
}SCSS
$pink-dust: #e4b5b2;
$pink-dust-rgb: 228, 181, 178;
$pink-dust-light: mix(#fff, $pink-dust, 20%);
$pink-dust-dark: mix(#000, $pink-dust, 20%);
.element {
color: $pink-dust;
box-shadow: 0 0 0 2px rgba($pink-dust, 0.35);
}