Colore con nome · #CC7A8B
Dusky Pink
Dusky Pink è #CC7A8B: rgb(204 122 139), hsl(348 45% 64%), oklch(0.672 0.104 6.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Dusky Pink color name →
#CC7A8B
oklch(0.672 0.104 6.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D28796
- D894A1
- DEA1AC
- E3AFB8
- E8BCC3
- EDC9CF
- F2D7DB
- F7E4E7
- FBF1F3
Ombre
- B16978
- 975966
- 7E4954
- 653A43
- 4E2B32
- 371D23
- 221014
- 0F0507
- 020101
Toni
- C57B8A
- BE7C89
- B67D88
- AF7E87
- A77E86
- A07F84
- 987F83
- 908082
- 888081
Armonie di colore
Complementare +180°
- CC7A8B
Dusky Pink
- 33AAA0
≈ Tropical Hideaway
Analogo -30° +30°
- CC7A8B
Dusky Pink
- BF7DAD
≈ Romanov Mauve
- CD7E68
≈ Canyon Clay
Triadico +120° +240°
- CC7A8B
Dusky Pink
- 85A259
≈ Springview Green
- 5E9CD2
≈ Tall Waves
Complementare divisa +150° +210°
- CC7A8B
Dusky Pink
- 5AA97C
≈ Julep
- 37A5BF
≈ Gulf Waters
Tetradico +90° +180° +270°
- CC7A8B
Dusky Pink
- A89645
≈ Semi Opal
- 33AAA0
≈ Tropical Hideaway
- 8690D5
≈ Mystic Iris
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
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);
}