Color con nombre más cercano · #DA9F8B
#DA9F8B
Color con nombre más cercano: Shy Champagne Blush
#DA9F8B (rgb(218 159 139), hsl(15 52% 70%), oklch(0.754 0.076 39.5)) se parece más al color con nombre Shy Champagne Blush. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DA9F8B
oklch(0.754 0.076 39.5)
Conversiones de color
- HEX
- #da9f8b
- RGB
- rgb(218 159 139)
- HSL
- hsl(15 52% 70%)
- HWB
- hwb(15 55% 15%)
- OKLCH
- oklch(0.754 0.076 39.5)
- OKLab
- oklab(0.754 0.059 0.049)
- CIE Lab
- lab(70.88 20.71 19.57)
- LCH
- lch(70.88 28.5 43.4)
- CMYK
- cmyk(0% 27% 36% 15%)
Tintes · Sombras · Tonos
Tintes
- DEA896
- E2B2A2
- E6BCAD
- EAC5B9
- EECFC4
- F2D8D0
- F5E2DB
- F8ECE7
- FCF5F3
Sombras
- BD8A78
- A27566
- 876154
- 6C4D43
- 543B32
- 3C2923
- 251814
- 110907
- 020101
Tonos
- D19C8A
- C89989
- BF9688
- B69387
- AD9086
- A48D85
- 9B8A84
- 928683
- 898381
Armonías de color
Complementario +180°
- DA9F8B
Shy Champagne Blush
- 75BBD0
≈ Blue Brocade
Análogo -30° +30°
- DA9F8B
Shy Champagne Blush
- DA9BA4
≈ Glamour
- CFA77A
≈ City Sunrise
Triádico +120° +240°
- DA9F8B
Shy Champagne Blush
- 84BE9E
≈ Grand Gusto
- A5AADF
≈ Childish Wonder
Complementario dividido +150° +210°
- DA9F8B
Shy Champagne Blush
- 73BFB9
≈ Tropic Tide
- 8AB3DE
≈ Dun Morogh Blue
Tetrádico +90° +180° +270°
- DA9F8B
Shy Champagne Blush
- A0B986
≈ Glendale
- 75BBD0
≈ Blue Brocade
- BEA2D4
≈ Enchanted Lavender
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.31:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--shy-champagne-blush: #da9f8b;
--shy-champagne-blush-rgb: 218 159 139;
--shy-champagne-blush-oklch: oklch(0.754 0.076 39.5);
}
.element {
color: var(--shy-champagne-blush);
background-color: hsl(15 52% 70%);
border-color: oklch(0.754 0.076 39.5);
}Tailwind CSS v4
@theme {
--color-shy-champagne-blush: #da9f8b;
--color-shy-champagne-blush-50: #ffefe5;
--color-shy-champagne-blush-100: #ffe0d5;
--color-shy-champagne-blush-200: #f2cabb;
--color-shy-champagne-blush-300: #daab99;
--color-shy-champagne-blush-400: #c68f7d;
--color-shy-champagne-blush-500: #b27460;
--color-shy-champagne-blush-600: #966351;
--color-shy-champagne-blush-700: #794f41;
--color-shy-champagne-blush-800: #59392f;
--color-shy-champagne-blush-900: #3f2720;
--color-shy-champagne-blush-950: #28150f;
}SCSS
$shy-champagne-blush: #da9f8b;
$shy-champagne-blush-rgb: 218, 159, 139;
$shy-champagne-blush-light: mix(#fff, $shy-champagne-blush, 20%);
$shy-champagne-blush-dark: mix(#000, $shy-champagne-blush, 20%);
.element {
color: $shy-champagne-blush;
box-shadow: 0 0 0 2px rgba($shy-champagne-blush, 0.35);
}