Benannte Farbe · #CC7A8B
Dusky Pink
Dusky Pink ist #CC7A8B: rgb(204 122 139), hsl(348 45% 64%), oklch(0.672 0.104 6.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dusky Pink color name →
#CC7A8B
oklch(0.672 0.104 6.9)
Farbumrechnungen
- HEX
- #cc7a8b
- RGB
- rgb(204 122 139)
- HSL
- hsl(348 45% 64%)
- HWB
- hwb(348 48% 20%)
- OKLCH
- oklch(0.672 0.104 6.9)
- OKLab
- oklab(0.672 0.103 0.012)
- CIE Lab
- lab(60.74 34.25 5.23)
- LCH
- lch(60.74 34.65 8.7)
- CMYK
- cmyk(0% 40% 32% 20%)
Tints · Shades · Tones
Tints
- D28796
- D894A1
- DEA1AC
- E3AFB8
- E8BCC3
- EDC9CF
- F2D7DB
- F7E4E7
- FBF1F3
Shades
- B16978
- 975966
- 7E4954
- 653A43
- 4E2B32
- 371D23
- 221014
- 0F0507
- 020101
Tones
- C57B8A
- BE7C89
- B67D88
- AF7E87
- A77E86
- A07F84
- 987F83
- 908082
- 888081
Farbharmonien
Komplementär +180°
- CC7A8B
Dusky Pink
- 33AAA0
≈ Tropical Hideaway
Analog -30° +30°
- CC7A8B
Dusky Pink
- BF7DAD
≈ Romanov Mauve
- CD7E68
≈ Canyon Clay
Triadisch +120° +240°
- CC7A8B
Dusky Pink
- 85A259
≈ Springview Green
- 5E9CD2
≈ Tall Waves
Geteilt komplementär +150° +210°
- CC7A8B
Dusky Pink
- 5AA97C
≈ Julep
- 37A5BF
≈ Gulf Waters
Tetradisch +90° +180° +270°
- CC7A8B
Dusky Pink
- A89645
≈ Semi Opal
- 33AAA0
≈ Tropical Hideaway
- 8690D5
≈ Mystic Iris
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.12:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.72:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--dusky-pink: #cc7a8b;
--dusky-pink-rgb: 204 122 139;
--dusky-pink-oklch: oklch(0.672 0.104 6.9);
}
.element {
color: var(--dusky-pink);
background-color: hsl(348 45% 64%);
border-color: oklch(0.672 0.104 6.9);
}Tailwind CSS v4
@theme {
--color-dusky-pink: #cc7a8b;
--color-dusky-pink-50: #ffeaef;
--color-dusky-pink-100: #ffdae1;
--color-dusky-pink-200: #fdc3cb;
--color-dusky-pink-300: #e7a2ac;
--color-dusky-pink-400: #d38494;
--color-dusky-pink-500: #bf677a;
--color-dusky-pink-600: #a25868;
--color-dusky-pink-700: #824653;
--color-dusky-pink-800: #60323e;
--color-dusky-pink-900: #43222a;
--color-dusky-pink-950: #2b1118;
}SCSS
$dusky-pink: #cc7a8b;
$dusky-pink-rgb: 204, 122, 139;
$dusky-pink-light: mix(#fff, $dusky-pink, 20%);
$dusky-pink-dark: mix(#000, $dusky-pink, 20%);
.element {
color: $dusky-pink;
box-shadow: 0 0 0 2px rgba($dusky-pink, 0.35);
}