En yakın adlandırılmış renk · #EAAB82
#EAAB82
En yakın adlandırılmış renk: Peach Taffy
#EAAB82 (rgb(234 171 130), hsl(24 71% 71%), oklch(0.791 0.092 54)) en çok Peach Taffy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EAAB82
oklch(0.791 0.092 54)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDB38F
- EFBC9B
- F2C4A8
- F4CDB4
- F6D5C0
- F8DDCD
- FAE6D9
- FCEEE6
- FDF7F2
Koyu tonlar
- CB9470
- AE7E5F
- 91684E
- 75543E
- 5A402F
- 412D20
- 291B12
- 130B06
- 030101
Gri tonlar
- DFA782
- D5A383
- CA9E83
- BF9A83
- B59682
- AA9282
- A08D82
- 958981
- 8B8481
Renk uyumları
Tamamlayıcı +180°
- EAAB82
Peach Taffy
- 7DC5ED
≈ Spritzig
Analog -30° +30°
- EAAB82
Peach Taffy
- F1A49E
≈ Modestly Peach
- D7B674
≈ Sinking Sand
Üçlü +120° +240°
- EAAB82
Peach Taffy
- 77CFB6
≈ Seafoam Blue
- BEB0F1
≈ Purple Sand
Bölünmüş tamamlayıcı +150° +210°
- EAAB82
Peach Taffy
- 6BCCD6
≈ Beach Sparkle
- 9DBBF7
≈ Truesky Gloxym
Dörtlü +90° +180° +270°
- EAAB82
Peach Taffy
- 97CB95
≈ Kettle Drum
- 7DC5ED
≈ Spritzig
- D9A7DD
≈ Barely Bloomed
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.64:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
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);
}