Color con nombre · #D1949C
Bridal Rose
Bridal Rose es #D1949C: rgb(209 148 156), hsl(352 40% 70%), oklch(0.728 0.074 10.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Bridal Rose color name →
#D1949C
oklch(0.728 0.074 10.4)
Conversiones de color
- HEX
- #d1949c
- RGB
- rgb(209 148 156)
- HSL
- hsl(352 40% 70%)
- HWB
- hwb(352 58% 18%)
- OKLCH
- oklch(0.728 0.074 10.4)
- OKLab
- oklab(0.728 0.073 0.013)
- CIE Lab
- lab(67.6 24.49 5.47)
- LCH
- lch(67.6 25.09 12.6)
- CMYK
- cmyk(0% 29% 25% 18%)
Tintes · Sombras · Tonos
Tintes
- D69EA5
- DBA9AF
- E0B4B9
- E5BEC3
- E9C9CC
- EED4D6
- F2DEE0
- F7E9EB
- FBF4F5
Sombras
- B58087
- 9B6D73
- 815A5F
- 68484C
- 503639
- 392628
- 231618
- 100809
- 020101
Tonos
- C99299
- C19096
- B98E94
- B18C91
- A98A8E
- A1888B
- 998688
- 908486
- 888283
Armonías de color
Complementario +180°
- D1949C
Bridal Rose
- 6DB6B2
≈ Swim
Análogo -30° +30°
- D1949C
Bridal Rose
- C895B6
≈ Morning Glory Pink
- D09884
≈ Dusty Coral
Triádico +120° +240°
- D1949C
Bridal Rose
- 97B180
≈ Watercolour Green
- 84ABD5
≈ Cotton Wool Blue
Complementario dividido +150° +210°
- D1949C
Bridal Rose
- 7DB697
≈ Padua
- 70B2C8
≈ Aspara
Tetrádico +90° +180° +270°
- D1949C
Bridal Rose
- B1A972
≈ Natchez Moss
- 6DB6B2
≈ Swim
- 9EA2D6
≈ Water Hyacinth
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.42:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--bridal-rose: #d1949c;
--bridal-rose-rgb: 209 148 156;
--bridal-rose-oklch: oklch(0.728 0.074 10.4);
}
.element {
color: var(--bridal-rose);
background-color: hsl(352 40% 70%);
border-color: oklch(0.728 0.074 10.4);
}Tailwind CSS v4
@theme {
--color-bridal-rose: #d1949c;
--color-bridal-rose-50: #ffedef;
--color-bridal-rose-100: #ffdee1;
--color-bridal-rose-200: #f2c8cb;
--color-bridal-rose-300: #dba8ad;
--color-bridal-rose-400: #c68c94;
--color-bridal-rose-500: #b1717a;
--color-bridal-rose-600: #966068;
--color-bridal-rose-700: #784d53;
--color-bridal-rose-800: #59373d;
--color-bridal-rose-900: #3e262a;
--color-bridal-rose-950: #271418;
}SCSS
$bridal-rose: #d1949c;
$bridal-rose-rgb: 209, 148, 156;
$bridal-rose-light: mix(#fff, $bridal-rose, 20%);
$bridal-rose-dark: mix(#000, $bridal-rose, 20%);
.element {
color: $bridal-rose;
box-shadow: 0 0 0 2px rgba($bridal-rose, 0.35);
}