Nazwany kolor · #E0B181
Imperial Gold
Imperial Gold to #E0B181: rgb(224 177 129), hsl(30 61% 69%), oklch(0.792 0.084 66.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Imperial Gold color name →
#E0B181
oklch(0.792 0.084 66.7)
Konwersje koloru
- HEX
- #e0b181
- RGB
- rgb(224 177 129)
- HSL
- hsl(30 61% 69%)
- HWB
- hwb(30 51% 12%)
- OKLCH
- oklch(0.792 0.084 66.7)
- OKLab
- oklab(0.792 0.033 0.077)
- CIE Lab
- lab(75.72 13.13 31.43)
- LCH
- lch(75.72 34.06 67.3)
- CMYK
- cmyk(0% 21% 42% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3B98E
- E7C19A
- EAC8A7
- EDD0B4
- F0D8C0
- F3E0CD
- F6E8D9
- F9EFE6
- FCF7F2
Odcienie ciemniejsze
- C3996F
- A6835E
- 8A6C4E
- 70573E
- 56422E
- 3E2F1F
- 271C12
- 120C06
- 020101
Tony
- D6AC81
- CCA782
- C3A282
- B99D82
- AF9982
- A69482
- 9C8F82
- 938A81
- 898581
Harmonie kolorów
Komplementarna +180°
- E0B181
Imperial Gold
- 8FC1EE
≈ Wasurenagusa Blue
Analogowa -30° +30°
- E0B181
Imperial Gold
- EBA995
≈ Pale Terra
- CABC7D
≈ Frozen Marguerita
Triada +120° +240°
- E0B181
Imperial Gold
- 78CDC4
≈ Blue Green Gem
- C9ADE6
≈ Purple Sand
Komplementarna rozszczepiona +150° +210°
- E0B181
Imperial Gold
- 79C9DE
≈ Bliss Blue
- ADB7F1
≈ Perano
Tetrada +90° +180° +270°
- E0B181
Imperial Gold
- 8ECCA5
≈ Irish Spring
- 8FC1EE
≈ Wasurenagusa Blue
- DEA7CF
≈ Tiara Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.94:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.77:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--imperial-gold: #e0b181;
--imperial-gold-rgb: 224 177 129;
--imperial-gold-oklch: oklch(0.792 0.084 66.7);
}
.element {
color: var(--imperial-gold);
background-color: hsl(30 61% 69%);
border-color: oklch(0.792 0.084 66.7);
}Tailwind CSS v4
@theme {
--color-imperial-gold: #e0b181;
--color-imperial-gold-50: #fff1dc;
--color-imperial-gold-100: #fbe3cb;
--color-imperial-gold-200: #edceae;
--color-imperial-gold-300: #d4b089;
--color-imperial-gold-400: #c09568;
--color-imperial-gold-500: #ac7b46;
--color-imperial-gold-600: #91683c;
--color-imperial-gold-700: #745330;
--color-imperial-gold-800: #563c22;
--color-imperial-gold-900: #3c2916;
--color-imperial-gold-950: #261708;
}SCSS
$imperial-gold: #e0b181;
$imperial-gold-rgb: 224, 177, 129;
$imperial-gold-light: mix(#fff, $imperial-gold, 20%);
$imperial-gold-dark: mix(#000, $imperial-gold, 20%);
.element {
color: $imperial-gold;
box-shadow: 0 0 0 2px rgba($imperial-gold, 0.35);
}