Color con nombre · #D8A2A5
Rosetti Pink
Rosetti Pink es #D8A2A5: rgb(216 162 165), hsl(357 41% 74%), oklch(0.763 0.064 15). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Rosetti Pink color name →
#D8A2A5
oklch(0.763 0.064 15)
Conversiones de color
- HEX
- #d8a2a5
- RGB
- rgb(216 162 165)
- HSL
- hsl(357 41% 74%)
- HWB
- hwb(357 64% 15%)
- OKLCH
- oklch(0.763 0.064 15)
- OKLab
- oklab(0.763 0.062 0.017)
- CIE Lab
- lab(71.87 20.92 6.66)
- LCH
- lch(71.87 21.95 17.7)
- CMYK
- cmyk(0% 25% 24% 15%)
Tintes · Sombras · Tonos
Tintes
- DCABAE
- E1B4B6
- E5BDBF
- E9C7C8
- EDD0D1
- F0D9DA
- F4E3E3
- F8ECEC
- FCF6F6
Sombras
- BC8C8F
- A07779
- 856365
- 6B4F51
- 533C3D
- 3B2A2B
- 25191A
- 110A0A
- 020101
Tonos
- CF9FA1
- C69B9D
- BD989A
- B59596
- AC9192
- A38E8F
- 9A8A8B
- 928787
- 898384
Armonías de color
Complementario +180°
- D8A2A5
Rosetti Pink
- 81BFBF
≈ Riverbed
Análogo -30° +30°
- D8A2A5
Rosetti Pink
- D1A2BC
≈ Enhance
- D6A691
≈ Rosettee
Triádico +120° +240°
- D8A2A5
Rosetti Pink
- A1BC93
≈ Quiet Green
- 97B5DB
≈ Echo Isles Water
Complementario dividido +150° +210°
- D8A2A5
Rosetti Pink
- 8CC0A8
≈ Spearmint Frosting
- 85BBD1
≈ Juvie
Tetrádico +90° +180° +270°
- D8A2A5
Rosetti Pink
- B8B585
≈ Cress Vinaigrette
- 81BFBF
≈ Riverbed
- ADADDA
≈ Purple Hibiscus
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.63:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.63:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--rosetti-pink: #d8a2a5;
--rosetti-pink-rgb: 216 162 165;
--rosetti-pink-oklch: oklch(0.763 0.064 15);
}
.element {
color: var(--rosetti-pink);
background-color: hsl(357 41% 74%);
border-color: oklch(0.763 0.064 15);
}Tailwind CSS v4
@theme {
--color-rosetti-pink: #d8a2a5;
--color-rosetti-pink-50: #ffeeee;
--color-rosetti-pink-100: #fde0e0;
--color-rosetti-pink-200: #efcaca;
--color-rosetti-pink-300: #d6abac;
--color-rosetti-pink-400: #c18f92;
--color-rosetti-pink-500: #ad7578;
--color-rosetti-pink-600: #926366;
--color-rosetti-pink-700: #754f51;
--color-rosetti-pink-800: #56393c;
--color-rosetti-pink-900: #3c2729;
--color-rosetti-pink-950: #261517;
}SCSS
$rosetti-pink: #d8a2a5;
$rosetti-pink-rgb: 216, 162, 165;
$rosetti-pink-light: mix(#fff, $rosetti-pink, 20%);
$rosetti-pink-dark: mix(#000, $rosetti-pink, 20%);
.element {
color: $rosetti-pink;
box-shadow: 0 0 0 2px rgba($rosetti-pink, 0.35);
}