Benannte Farbe · #DBA39A
Quiet Pink
Quiet Pink ist #DBA39A: rgb(219 163 154), hsl(8 47% 73%), oklch(0.766 0.068 29.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Quiet Pink color name →
#DBA39A
oklch(0.766 0.068 29.1)
Farbumrechnungen
- HEX
- #dba39a
- RGB
- rgb(219 163 154)
- HSL
- hsl(8 47% 73%)
- HWB
- hwb(8 60% 14%)
- OKLCH
- oklch(0.766 0.068 29.1)
- OKLab
- oklab(0.766 0.06 0.033)
- CIE Lab
- lab(72.21 20.44 13.23)
- LCH
- lch(72.21 24.35 32.9)
- CMYK
- cmyk(0% 26% 30% 14%)
Tints · Shades · Tones
Tints
- DFACA4
- E3B5AE
- E7BEB8
- EBC7C2
- EED1CC
- F2DAD6
- F5E3E0
- F9ECEA
- FCF6F5
Shades
- BE8D85
- A27871
- 87635E
- 6D4F4B
- 543C39
- 3C2A27
- 261917
- 110A09
- 020101
Tones
- D2A097
- C99C95
- C09992
- B69590
- AD928D
- A48E8B
- 9B8B88
- 928785
- 898483
Farbharmonien
Komplementär +180°
- DBA39A
Quiet Pink
- 7EBFCA
≈ Meltwater
Analog -30° +30°
- DBA39A
Quiet Pink
- D8A1B2
≈ Lili Elbe’s Pink
- D4A988
≈ Autumn Air
Triadisch +120° +240°
- DBA39A
Quiet Pink
- 95BF9B
≈ Green-Eyed Lady
- A1B2DF
≈ Myrtle Flower
Geteilt komplementär +150° +210°
- DBA39A
Quiet Pink
- 82C2B4
≈ Holiday
- 8BB9DA
≈ Goluboy Blue
Tetradisch +90° +180° +270°
- DBA39A
Quiet Pink
- AEBA88
≈ Gardening
- 7EBFCA
≈ Meltwater
- B8AAD9
≈ Purple Hibiscus
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.16:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.71:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--quiet-pink: #dba39a;
--quiet-pink-rgb: 219 163 154;
--quiet-pink-oklch: oklch(0.766 0.068 29.1);
}
.element {
color: var(--quiet-pink);
background-color: hsl(8 47% 73%);
border-color: oklch(0.766 0.068 29.1);
}Tailwind CSS v4
@theme {
--color-quiet-pink: #dba39a;
--color-quiet-pink-50: #ffefe9;
--color-quiet-pink-100: #fee0da;
--color-quiet-pink-200: #f0cac3;
--color-quiet-pink-300: #d8aba2;
--color-quiet-pink-400: #c49087;
--color-quiet-pink-500: #af756c;
--color-quiet-pink-600: #94635c;
--color-quiet-pink-700: #774f49;
--color-quiet-pink-800: #583935;
--color-quiet-pink-900: #3d2724;
--color-quiet-pink-950: #271513;
}SCSS
$quiet-pink: #dba39a;
$quiet-pink-rgb: 219, 163, 154;
$quiet-pink-light: mix(#fff, $quiet-pink, 20%);
$quiet-pink-dark: mix(#000, $quiet-pink, 20%);
.element {
color: $quiet-pink;
box-shadow: 0 0 0 2px rgba($quiet-pink, 0.35);
}