Couleur nommée la plus proche · #E7A48F
#E7A48F
Couleur nommée la plus proche: Shy Champagne Blush
#E7A48F (rgb(231 164 143), hsl(14 65% 73%), oklch(0.778 0.085 38.1)) est la plus proche de la couleur nommée Shy Champagne Blush. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E7A48F
oklch(0.778 0.085 38.1)
Conversions de couleur
- HEX
- #e7a48f
- RGB
- rgb(231 164 143)
- HSL
- hsl(14 65% 73%)
- HWB
- hwb(14 56% 9%)
- OKLCH
- oklch(0.778 0.085 38.1)
- OKLab
- oklab(0.778 0.067 0.053)
- CIE Lab
- lab(73.58 23.62 21.33)
- LCH
- lch(73.58 31.83 42.1)
- CMYK
- cmyk(0% 29% 38% 9%)
Teintes · Ombres · Tons
Teintes
- EAAD9A
- EDB6A5
- F0BFB0
- F2C8BB
- F5D1C6
- F7DAD2
- F9E4DD
- FBEDE8
- FDF6F4
Ombres
- C98E7C
- AB7969
- 8F6457
- 735045
- 593D34
- 402B24
- 281A15
- 130A07
- 030101
Tons
- DDA18E
- D29D8C
- C89A8B
- BE968A
- B39288
- A98F87
- 9F8B85
- 958783
- 8A8482
Harmonies de couleurs
Complémentaire +180°
- E7A48F
Shy Champagne Blush
- 74C4DB
≈ Thredbo
Analogue -30° +30°
- E7A48F
Shy Champagne Blush
- E7A0AC
≈ Sprinkled With Pink
- DBAD7B
≈ Caramel Drizzle
Triadique +120° +240°
- E7A48F
Shy Champagne Blush
- 87C8A2
≈ Foul Green
- AAB2ED
≈ Wondrous Wisteria
Complémentaire divisée +150° +210°
- E7A48F
Shy Champagne Blush
- 71C9C1
≈ Turkish Teal
- 8BBCEB
≈ Electric Eel
Tétradique +90° +180° +270°
- E7A48F
Shy Champagne Blush
- A7C287
≈ Shrubbery
- 74C4DB
≈ Thredbo
- C6A8E1
≈ Perfume
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.07:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.10:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.10:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
CSS
:root {
--shy-champagne-blush: #e7a48f;
--shy-champagne-blush-rgb: 231 164 143;
--shy-champagne-blush-oklch: oklch(0.778 0.085 38.1);
}
.element {
color: var(--shy-champagne-blush);
background-color: hsl(14 65% 73%);
border-color: oklch(0.778 0.085 38.1);
}Tailwind CSS v4
@theme {
--color-shy-champagne-blush: #e7a48f;
--color-shy-champagne-blush-50: #ffeee3;
--color-shy-champagne-blush-100: #ffdfd3;
--color-shy-champagne-blush-200: #f6c9b9;
--color-shy-champagne-blush-300: #dea997;
--color-shy-champagne-blush-400: #cb8d7a;
--color-shy-champagne-blush-500: #b7725c;
--color-shy-champagne-blush-600: #9a604e;
--color-shy-champagne-blush-700: #7c4d3e;
--color-shy-champagne-blush-800: #5c372d;
--color-shy-champagne-blush-900: #40261f;
--color-shy-champagne-blush-950: #29140e;
}SCSS
$shy-champagne-blush: #e7a48f;
$shy-champagne-blush-rgb: 231, 164, 143;
$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);
}