Couleur nommée la plus proche · #EAAB82
#EAAB82
Couleur nommée la plus proche: Peach Taffy
#EAAB82 (rgb(234 171 130), hsl(24 71% 71%), oklch(0.791 0.092 54)) est la plus proche de la couleur nommée Peach Taffy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EAAB82
oklch(0.791 0.092 54)
Conversions de couleur
- HEX
- #eaab82
- RGB
- rgb(234 171 130)
- HSL
- hsl(24 71% 71%)
- HWB
- hwb(24 51% 8%)
- OKLCH
- oklch(0.791 0.092 54)
- OKLab
- oklab(0.791 0.054 0.075)
- CIE Lab
- lab(75.36 20.25 30.69)
- LCH
- lch(75.36 36.77 56.6)
- CMYK
- cmyk(0% 27% 44% 8%)
Teintes · Ombres · Tons
Teintes
- EDB38F
- EFBC9B
- F2C4A8
- F4CDB4
- F6D5C0
- F8DDCD
- FAE6D9
- FCEEE6
- FDF7F2
Ombres
- CB9470
- AE7E5F
- 91684E
- 75543E
- 5A402F
- 412D20
- 291B12
- 130B06
- 030101
Tons
- DFA782
- D5A383
- CA9E83
- BF9A83
- B59682
- AA9282
- A08D82
- 958981
- 8B8481
Harmonies de couleurs
Complémentaire +180°
- EAAB82
Peach Taffy
- 7DC5ED
≈ Spritzig
Analogue -30° +30°
- EAAB82
Peach Taffy
- F1A49E
≈ Modestly Peach
- D7B674
≈ Sinking Sand
Triadique +120° +240°
- EAAB82
Peach Taffy
- 77CFB6
≈ Seafoam Blue
- BEB0F1
≈ Purple Sand
Complémentaire divisée +150° +210°
- EAAB82
Peach Taffy
- 6BCCD6
≈ Beach Sparkle
- 9DBBF7
≈ Truesky Gloxym
Tétradique +90° +180° +270°
- EAAB82
Peach Taffy
- 97CB95
≈ Kettle Drum
- 7DC5ED
≈ Spritzig
- D9A7DD
≈ Barely Bloomed
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.97:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.64:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--peach-taffy: #eaab82;
--peach-taffy-rgb: 234 171 130;
--peach-taffy-oklch: oklch(0.791 0.092 54);
}
.element {
color: var(--peach-taffy);
background-color: hsl(24 71% 71%);
border-color: oklch(0.791 0.092 54);
}Tailwind CSS v4
@theme {
--color-peach-taffy: #eaab82;
--color-peach-taffy-50: #ffefdc;
--color-peach-taffy-100: #ffe1cb;
--color-peach-taffy-200: #f4cbaf;
--color-peach-taffy-300: #ddac8a;
--color-peach-taffy-400: #ca906a;
--color-peach-taffy-500: #b57448;
--color-peach-taffy-600: #99633e;
--color-peach-taffy-700: #7b4f31;
--color-peach-taffy-800: #5c3923;
--color-peach-taffy-900: #402717;
--color-peach-taffy-950: #291508;
}SCSS
$peach-taffy: #eaab82;
$peach-taffy-rgb: 234, 171, 130;
$peach-taffy-light: mix(#fff, $peach-taffy, 20%);
$peach-taffy-dark: mix(#000, $peach-taffy, 20%);
.element {
color: $peach-taffy;
box-shadow: 0 0 0 2px rgba($peach-taffy, 0.35);
}