Nazwany kolor · #EAD765
Pharaoh’s Gold
Pharaoh’s Gold to #EAD765: rgb(234 215 101), hsl(51 76% 66%), oklch(0.873 0.136 100). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pharaoh’s Gold color name →
#EAD765
oklch(0.873 0.136 100)
Konwersje koloru
- HEX
- #ead765
- RGB
- rgb(234 215 101)
- HSL
- hsl(51 76% 66%)
- HWB
- hwb(51 40% 8%)
- OKLCH
- oklch(0.873 0.136 100)
- OKLab
- oklab(0.873 -0.023 0.134)
- CIE Lab
- lab(85.91 -3.33 57.5)
- LCH
- lch(85.91 57.6 93.3)
- CMYK
- cmyk(0% 8% 57% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECDB78
- EEE089
- F0E499
- F2E8A9
- F4ECB8
- F6F0C6
- F8F4D5
- FBF7E3
- FDFBF1
Odcienie ciemniejsze
- CBBB57
- AE9F49
- 91853C
- 756B2F
- 5A5222
- 413B17
- 29250C
- 131103
- 030200
Tony
- DFCE6B
- D4C56F
- C9BD73
- BEB477
- B3AB79
- A9A27B
- 9E9A7D
- 94917E
- 8A897F
Harmonie kolorów
Komplementarna +180°
- EAD765
Pharaoh’s Gold
- CCD1FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- EAD765
Pharaoh’s Gold
- FFCA8D
≈ Torchlight
- B8E785
≈ Yellow Green Shade
Triada +120° +240°
- EAD765
Pharaoh’s Gold
- 8DE4FF
≈ Winter Wizard
- FFBEE8
≈ Pretty in Pink
Komplementarna rozszczepiona +150° +210°
- EAD765
Pharaoh’s Gold
- B5D9FF
≈ Oh Boy!
- E6C6FF
≈ Wisteria Powder
Tetrada +90° +180° +270°
- EAD765
Pharaoh’s Gold
- 47F1E9
≈ Aqua Cyan
- CCD1FF
≈ Pale Phthalo Blue
- FFC3CB
≈ Cotton Candy Comet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.40:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--pharaoh-s-gold: #ead765;
--pharaoh-s-gold-rgb: 234 215 101;
--pharaoh-s-gold-oklch: oklch(0.873 0.136 100);
}
.element {
color: var(--pharaoh-s-gold);
background-color: hsl(51 76% 66%);
border-color: oklch(0.873 0.136 100);
}Tailwind CSS v4
@theme {
--color-pharaoh-s-gold: #ead765;
--color-pharaoh-s-gold-50: #fcf7cb;
--color-pharaoh-s-gold-100: #f0eab6;
--color-pharaoh-s-gold-200: #dfd793;
--color-pharaoh-s-gold-300: #c5ba64;
--color-pharaoh-s-gold-400: #b1a02f;
--color-pharaoh-s-gold-500: #9c8600;
--color-pharaoh-s-gold-600: #847200;
--color-pharaoh-s-gold-700: #695b00;
--color-pharaoh-s-gold-800: #4f4200;
--color-pharaoh-s-gold-900: #372d00;
--color-pharaoh-s-gold-950: #221a00;
}SCSS
$pharaoh-s-gold: #ead765;
$pharaoh-s-gold-rgb: 234, 215, 101;
$pharaoh-s-gold-light: mix(#fff, $pharaoh-s-gold, 20%);
$pharaoh-s-gold-dark: mix(#000, $pharaoh-s-gold, 20%);
.element {
color: $pharaoh-s-gold;
box-shadow: 0 0 0 2px rgba($pharaoh-s-gold, 0.35);
}