Nazwany kolor · #E1B047
Gambol Gold
Gambol Gold to #E1B047: rgb(225 176 71), hsl(41 72% 58%), oklch(0.783 0.133 83.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gambol Gold color name →
#E1B047
oklch(0.783 0.133 83.4)
Konwersje koloru
- HEX
- #e1b047
- RGB
- rgb(225 176 71)
- HSL
- hsl(41 72% 58%)
- HWB
- hwb(41 28% 12%)
- OKLCH
- oklch(0.783 0.133 83.4)
- OKLab
- oklab(0.783 0.015 0.132)
- CIE Lab
- lab(74.99 10.72 58.69)
- LCH
- lch(74.99 59.66 79.6)
- CMYK
- cmyk(0% 22% 68% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4B85E
- E7C073
- EBC886
- EED098
- F1D8AA
- F4E0BB
- F6E8CC
- F9F0DD
- FCF7EE
Odcienie ciemniejsze
- C4993D
- A78232
- 8B6C28
- 70561F
- 564216
- 3E2E0D
- 271C06
- 120B02
- 020100
Tony
- D7AB51
- CDA759
- C3A260
- B99D67
- B0996C
- A69471
- 9C8F75
- 938A79
- 89857D
Harmonie kolorów
Komplementarna +180°
- E1B047
Gambol Gold
- 94B8FF
≈ Truesky Gloxym
Analogowa -30° +30°
- E1B047
Gambol Gold
- FA9F62
≈ Brushed Orange
- B8C155
≈ Sativa
Triada +120° +240°
- E1B047
Gambol Gold
- 07D0DE
≈ Aztec Turquoise
- E19AE9
≈ Diva Mecha
Komplementarna rozszczepiona +150° +210°
- E1B047
Gambol Gold
- 51C6FF
≈ Thor’s Thunder
- BCA9FF
≈ Winterspring Lilac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.99:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.50:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--gambol-gold: #e1b047;
--gambol-gold-rgb: 225 176 71;
--gambol-gold-oklch: oklch(0.783 0.133 83.4);
}
.element {
color: var(--gambol-gold);
background-color: hsl(41 72% 58%);
border-color: oklch(0.783 0.133 83.4);
}Tailwind CSS v4
@theme {
--color-gambol-gold: #e1b047;
--color-gambol-gold-50: #fff3cb;
--color-gambol-gold-100: #fce5b6;
--color-gambol-gold-200: #eed192;
--color-gambol-gold-300: #d6b264;
--color-gambol-gold-400: #c49631;
--color-gambol-gold-500: #b07c00;
--color-gambol-gold-600: #946900;
--color-gambol-gold-700: #775400;
--color-gambol-gold-800: #593c00;
--color-gambol-gold-900: #3e2900;
--color-gambol-gold-950: #281700;
}SCSS
$gambol-gold: #e1b047;
$gambol-gold-rgb: 225, 176, 71;
$gambol-gold-light: mix(#fff, $gambol-gold, 20%);
$gambol-gold-dark: mix(#000, $gambol-gold, 20%);
.element {
color: $gambol-gold;
box-shadow: 0 0 0 2px rgba($gambol-gold, 0.35);
}