Couleur nommée la plus proche · #E7A56F
#E7A56F
Couleur nommée la plus proche: Charming Peach
#E7A56F (rgb(231 165 111), hsl(27 71% 67%), oklch(0.773 0.105 59.7)) est la plus proche de la couleur nommée Charming Peach. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E7A56F
oklch(0.773 0.105 59.7)
Conversions de couleur
- HEX
- #e7a56f
- RGB
- rgb(231 165 111)
- HSL
- hsl(27 71% 67%)
- HWB
- hwb(27 44% 9%)
- OKLCH
- oklch(0.773 0.105 59.7)
- OKLab
- oklab(0.773 0.053 0.091)
- CIE Lab
- lab(73.36 20.78 38.03)
- LCH
- lch(73.36 43.34 61.3)
- CMYK
- cmyk(0% 29% 52% 9%)
Teintes · Ombres · Tons
Teintes
- EAAE7E
- EDB78D
- F0C09B
- F2C9A9
- F5D2B8
- F7DBC6
- F9E4D4
- FBEDE2
- FDF6F1
Ombres
- C98F60
- AB7951
- 8F6542
- 735134
- 593D27
- 402B1A
- 281A0E
- 130A04
- 030101
Tons
- DDA272
- D29E74
- C89A76
- BE9778
- B3937A
- A98F7C
- 9F8C7D
- 95887E
- 8A847F
Harmonies de couleurs
Complémentaire +180°
- E7A56F
Charming Peach
- 73BEF1
≈ Blue Mana
Analogue -30° +30°
- E7A56F
Charming Peach
- F19C8E
≈ Fruit Shake
- D0B263
≈ Filtered Rays
Triadique +120° +240°
- E7A56F
Charming Peach
- 5ECBB7
≈ Peppy Peacock
- BFA6EF
≈ Lavender Cream
Complémentaire divisée +150° +210°
- E7A56F
Charming Peach
- 56C8DA
≈ Watercourse
- 9BB2F9
≈ Wondrous Wisteria
Tétradique +90° +180° +270°
- E7A56F
Charming Peach
- 84C891
≈ Good Luck Charm
- 73BEF1
≈ Blue Mana
- DB9DD6
≈ Damson Plum
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.09:1 · APCA Lc 41
Ag
AAASur noir
WCAG 10.00:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--charming-peach: #e7a56f;
--charming-peach-rgb: 231 165 111;
--charming-peach-oklch: oklch(0.773 0.105 59.7);
}
.element {
color: var(--charming-peach);
background-color: hsl(27 71% 67%);
border-color: oklch(0.773 0.105 59.7);
}Tailwind CSS v4
@theme {
--color-charming-peach: #e7a56f;
--color-charming-peach-50: #ffefd7;
--color-charming-peach-100: #ffe1c5;
--color-charming-peach-200: #f6cba7;
--color-charming-peach-300: #dfac80;
--color-charming-peach-400: #cc8f5d;
--color-charming-peach-500: #b87436;
--color-charming-peach-600: #9c622f;
--color-charming-peach-700: #7d4e25;
--color-charming-peach-800: #5d381a;
--color-charming-peach-900: #412711;
--color-charming-peach-950: #2a1504;
}SCSS
$charming-peach: #e7a56f;
$charming-peach-rgb: 231, 165, 111;
$charming-peach-light: mix(#fff, $charming-peach, 20%);
$charming-peach-dark: mix(#000, $charming-peach, 20%);
.element {
color: $charming-peach;
box-shadow: 0 0 0 2px rgba($charming-peach, 0.35);
}