Najbliższy nazwany kolor · #E7BA55
#E7BA55
Najbliższy nazwany kolor: Oh My Gold
#E7BA55 (rgb(231 186 85), hsl(42 75% 62%), oklch(0.81 0.129 85)) jest najbliższy nazwanemu kolorowi Oh My Gold. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E7BA55
oklch(0.81 0.129 85)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAC16A
- ECC87C
- EFCF8E
- F1D69F
- F3DDAF
- F6E4C0
- F8EBD0
- FAF2DF
- FDF8EF
Odcienie ciemniejsze
- C9A149
- AB893D
- 8F7231
- 735C26
- 59461C
- 403211
- 281E08
- 130D02
- 030200
Tony
- DCB45D
- D2AF63
- C7A969
- BDA36D
- B29D72
- A89875
- 9E9278
- 948C7B
- 8A867E
Harmonie kolorów
Komplementarna +180°
- E7BA55
Oh My Gold
- A3C0FF
≈ Pastel Blue
Analogowa -30° +30°
- E7BA55
Oh My Gold
- FFAA6F
≈ Salmon Buff
- BECB64
≈ Wild Willow
Triada +120° +240°
- E7BA55
Oh My Gold
- 34D8E8
≈ Thousand Sons Blue
- EBA3EF
≈ VIC 20 Pink
Komplementarna rozszczepiona +150° +210°
- E7BA55
Oh My Gold
- 72CDFF
≈ Bubbly Barracuda
- C6B3FF
≈ Teasel Dipsacus
Tetrada +90° +180° +270°
- E7BA55
Oh My Gold
- 4FDCBC
≈ Celestial Green
- A3C0FF
≈ Pastel Blue
- FF9FC5
≈ Taffy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.55:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
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);
}