Color con nombre más cercano · #BD5164
#BD5164
Color con nombre más cercano: Extravagant Blush
#BD5164 (rgb(189 81 100), hsl(349 45% 53%), oklch(0.578 0.14 11.7)) se parece más al color con nombre Extravagant Blush. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BD5164
oklch(0.578 0.14 11.7)
Conversiones de color
- HEX
- #bd5164
- RGB
- rgb(189 81 100)
- HSL
- hsl(349 45% 53%)
- HWB
- hwb(349 32% 26%)
- OKLCH
- oklch(0.578 0.14 11.7)
- OKLab
- oklab(0.578 0.137 0.028)
- CIE Lab
- lab(49.49 45.57 11.97)
- LCH
- lch(49.49 47.11 14.7)
- CMYK
- cmyk(0% 57% 47% 26%)
Tintes · Sombras · Tonos
Tintes
- C56372
- CE7581
- D58690
- DC979F
- E3A8AF
- EAB9BE
- F0CBCE
- F5DCDE
- FAEDEE
Sombras
- A44556
- 8C3A48
- 742F3B
- 5D242E
- 471A22
- 331016
- 1F070B
- 0D0203
- 020000
Tonos
- B85767
- B35D6A
- AD626C
- A8676F
- A26C72
- 9C7075
- 957478
- 8F787A
- 887C7D
Armonías de color
Complementario +180°
- BD5164
Extravagant Blush
- 008C89
≈ Greenish Blue
Análogo -30° +30°
- BD5164
Extravagant Blush
- AF5491
≈ Brilliant Carmine
- BC582F
≈ Beef Patties
Triádico +120° +240°
- BD5164
Extravagant Blush
- 5A8A25
≈ Weeping Fig
- 307CC9
≈ Heirloom Hydrangea
Complementario dividido +150° +210°
- BD5164
Extravagant Blush
- 009062
≈ Emerald Lake
- 0087A6
≈ Caribbean Sea
Tetrádico +90° +180° +270°
- BD5164
Extravagant Blush
- 897B00
≈ Moscow Papyrus
- 008C89
≈ Greenish Blue
- 6E6DC9
≈ C64 Purple
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.64:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.52:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--extravagant-blush: #bd5164;
--extravagant-blush-rgb: 189 81 100;
--extravagant-blush-oklch: oklch(0.578 0.14 11.7);
}
.element {
color: var(--extravagant-blush);
background-color: hsl(349 45% 53%);
border-color: oklch(0.578 0.14 11.7);
}Tailwind CSS v4
@theme {
--color-extravagant-blush: #bd5164;
--color-extravagant-blush-50: #ffe6e9;
--color-extravagant-blush-100: #ffd6da;
--color-extravagant-blush-200: #ffbcc2;
--color-extravagant-blush-300: #f699a2;
--color-extravagant-blush-400: #e47989;
--color-extravagant-blush-500: #d1586e;
--color-extravagant-blush-600: #b14b5d;
--color-extravagant-blush-700: #8e3c4a;
--color-extravagant-blush-800: #692b37;
--color-extravagant-blush-900: #4a1d26;
--color-extravagant-blush-950: #300c14;
}SCSS
$extravagant-blush: #bd5164;
$extravagant-blush-rgb: 189, 81, 100;
$extravagant-blush-light: mix(#fff, $extravagant-blush, 20%);
$extravagant-blush-dark: mix(#000, $extravagant-blush, 20%);
.element {
color: $extravagant-blush;
box-shadow: 0 0 0 2px rgba($extravagant-blush, 0.35);
}