En yakın adlandırılmış renk · #E7BA55
#E7BA55
En yakın adlandırılmış renk: Oh My Gold
#E7BA55 (rgb(231 186 85), hsl(42 75% 62%), oklch(0.81 0.129 85)) en çok Oh My Gold 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.
#E7BA55
oklch(0.81 0.129 85)
Renk dönüşümleri
- HEX
- #e7ba55
- RGB
- rgb(231 186 85)
- HSL
- hsl(42 75% 62%)
- HWB
- hwb(42 33% 9%)
- OKLCH
- oklch(0.81 0.129 85)
- OKLab
- oklab(0.81 0.011 0.128)
- CIE Lab
- lab(78.19 8.82 56.15)
- LCH
- lch(78.19 56.84 81.1)
- CMYK
- cmyk(0% 19% 63% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EAC16A
- ECC87C
- EFCF8E
- F1D69F
- F3DDAF
- F6E4C0
- F8EBD0
- FAF2DF
- FDF8EF
Koyu tonlar
- C9A149
- AB893D
- 8F7231
- 735C26
- 59461C
- 403211
- 281E08
- 130D02
- 030200
Gri tonlar
- DCB45D
- D2AF63
- C7A969
- BDA36D
- B29D72
- A89875
- 9E9278
- 948C7B
- 8A867E
Renk uyumları
Tamamlayıcı +180°
- E7BA55
Oh My Gold
- A3C0FF
≈ Pastel Blue
Analog -30° +30°
- E7BA55
Oh My Gold
- FFAA6F
≈ Salmon Buff
- BECB64
≈ Wild Willow
Üçlü +120° +240°
- E7BA55
Oh My Gold
- 34D8E8
≈ Thousand Sons Blue
- EBA3EF
≈ VIC 20 Pink
Bölünmüş tamamlayıcı +150° +210°
- E7BA55
Oh My Gold
- 72CDFF
≈ Bubbly Barracuda
- C6B3FF
≈ Teasel Dipsacus
Dörtlü +90° +180° +270°
- E7BA55
Oh My Gold
- 4FDCBC
≈ Celestial Green
- A3C0FF
≈ Pastel Blue
- FF9FC5
≈ Taffy Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.55:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--oh-my-gold: #e7ba55;
--oh-my-gold-rgb: 231 186 85;
--oh-my-gold-oklch: oklch(0.81 0.129 85);
}
.element {
color: var(--oh-my-gold);
background-color: hsl(42 75% 62%);
border-color: oklch(0.81 0.129 85);
}Tailwind CSS v4
@theme {
--color-oh-my-gold: #e7ba55;
--color-oh-my-gold-50: #fff4cc;
--color-oh-my-gold-100: #fbe6b7;
--color-oh-my-gold-200: #ecd194;
--color-oh-my-gold-300: #d4b367;
--color-oh-my-gold-400: #c19836;
--color-oh-my-gold-500: #ad7d00;
--color-oh-my-gold-600: #926a00;
--color-oh-my-gold-700: #755500;
--color-oh-my-gold-800: #583d00;
--color-oh-my-gold-900: #3d2a00;
--color-oh-my-gold-950: #271700;
}SCSS
$oh-my-gold: #e7ba55;
$oh-my-gold-rgb: 231, 186, 85;
$oh-my-gold-light: mix(#fff, $oh-my-gold, 20%);
$oh-my-gold-dark: mix(#000, $oh-my-gold, 20%);
.element {
color: $oh-my-gold;
box-shadow: 0 0 0 2px rgba($oh-my-gold, 0.35);
}