Nazwany kolor · #E8C954
Golden Trident
Golden Trident to #E8C954: rgb(232 201 84), hsl(47 76% 62%), oklch(0.841 0.139 94.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Trident color name →
#E8C954
oklch(0.841 0.139 94.3)
Konwersje koloru
- HEX
- #e8c954
- RGB
- rgb(232 201 84)
- HSL
- hsl(47 76% 62%)
- HWB
- hwb(47 33% 9%)
- OKLCH
- oklch(0.841 0.139 94.3)
- OKLab
- oklab(0.841 -0.01 0.138)
- CIE Lab
- lab(82.04 1.79 60.66)
- LCH
- lch(82.04 60.69 88.3)
- CMYK
- cmyk(0% 13% 64% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EACF6A
- EDD47D
- EFDA8F
- F1DFA0
- F3E5B1
- F6EAC1
- F8EFD0
- FAF5E0
- FDFAF0
Odcienie ciemniejsze
- CAAE48
- AC953C
- 907C31
- 746426
- 594C1B
- 403611
- 292208
- 130F02
- 030200
Tony
- DDC25C
- D2BA63
- C8B369
- BDAC6E
- B3A572
- A89D76
- 9E9679
- 948F7C
- 8A877E
Harmonie kolorów
Komplementarna +180°
- E8C954
Golden Trident
- BBC8FF
≈ Light Periwinkle
Analogowa -30° +30°
- E8C954
Golden Trident
- FFBB79
≈ Nouveau-Riche
- B7DA71
≈ Melissa
Triada +120° +240°
- E8C954
Golden Trident
- 48E0FF
≈ Splashing Wave
- FFAAEE
≈ Pink Wink
Komplementarna rozszczepiona +150° +210°
- E8C954
Golden Trident
- 9BD1FF
≈ Long Island Sound
- D9BBFF
≈ Lavender Fragrance
Tetrada +90° +180° +270°
- E8C954
Golden Trident
- 37E8D5
≈ First Timer Green
- BBC8FF
≈ Light Periwinkle
- FFB2C3
≈ Soft Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.91:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.91:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-trident: #e8c954;
--golden-trident-rgb: 232 201 84;
--golden-trident-oklch: oklch(0.841 0.139 94.3);
}
.element {
color: var(--golden-trident);
background-color: hsl(47 76% 62%);
border-color: oklch(0.841 0.139 94.3);
}Tailwind CSS v4
@theme {
--color-golden-trident: #e8c954;
--color-golden-trident-50: #fff6c9;
--color-golden-trident-100: #f5e9b4;
--color-golden-trident-200: #e5d590;
--color-golden-trident-300: #ccb760;
--color-golden-trident-400: #b99c27;
--color-golden-trident-500: #a48300;
--color-golden-trident-600: #8b6f00;
--color-golden-trident-700: #6f5800;
--color-golden-trident-800: #534000;
--color-golden-trident-900: #3a2c00;
--color-golden-trident-950: #241900;
}SCSS
$golden-trident: #e8c954;
$golden-trident-rgb: 232, 201, 84;
$golden-trident-light: mix(#fff, $golden-trident, 20%);
$golden-trident-dark: mix(#000, $golden-trident, 20%);
.element {
color: $golden-trident;
box-shadow: 0 0 0 2px rgba($golden-trident, 0.35);
}