Colore con nome · #E5B572
Pyramid Gold
Pyramid Gold è #E5B572: rgb(229 181 114), hsl(35 69% 67%), oklch(0.802 0.101 74.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pyramid Gold color name →
#E5B572
oklch(0.802 0.101 74.7)
Conversioni di colore
- HEX
- #e5b572
- RGB
- rgb(229 181 114)
- HSL
- hsl(35 69% 67%)
- HWB
- hwb(35 45% 10%)
- OKLCH
- oklch(0.802 0.101 74.7)
- OKLab
- oklab(0.802 0.027 0.098)
- CIE Lab
- lab(77.03 12.09 40.91)
- LCH
- lch(77.03 42.66 73.5)
- CMYK
- cmyk(0% 21% 50% 10%)
Tinte · Ombre · Toni
Tinte
- E8BD81
- EBC490
- EDCB9E
- F0D3AC
- F3DABA
- F5E2C8
- F8E9D6
- FAF0E3
- FDF8F1
Ombre
- C79D62
- AA8653
- 8E6F44
- 725936
- 584428
- 3F301B
- 281D0E
- 120C04
- 030201
Toni
- DBB075
- D0AB77
- C6A579
- BCA07B
- B29B7C
- A8957D
- 9E907E
- 948B7F
- 8A8580
Armonie di colore
Complementare +180°
- E5B572
Pyramid Gold
- 91C2FF
≈ Truesky Gloxym
Analogo -30° +30°
- E5B572
Pyramid Gold
- F6AA88
≈ October Haze
- C8C273
≈ Fresh Sprout
Triadico +120° +240°
- E5B572
Pyramid Gold
- 64D3D2
≈ Hidden Sea Glass
- D7ABEC
≈ Petal Plush
Complementare divisa +150° +210°
- E5B572
Pyramid Gold
- 6FCCEF
≈ Spritzig
- B7B6FE
≈ Greyish Lavender
Tetradico +90° +180° +270°
- E5B572
Pyramid Gold
- 7CD3AE
≈ Pharaoh’s Jade
- 91C2FF
≈ Truesky Gloxym
- EEA4CE
≈ Elastic Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.18:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--pyramid-gold: #e5b572;
--pyramid-gold-rgb: 229 181 114;
--pyramid-gold-oklch: oklch(0.802 0.101 74.7);
}
.element {
color: var(--pyramid-gold);
background-color: hsl(35 69% 67%);
border-color: oklch(0.802 0.101 74.7);
}Tailwind CSS v4
@theme {
--color-pyramid-gold: #e5b572;
--color-pyramid-gold-50: #fff2d6;
--color-pyramid-gold-100: #fce4c3;
--color-pyramid-gold-200: #edcfa4;
--color-pyramid-gold-300: #d5b17c;
--color-pyramid-gold-400: #c29657;
--color-pyramid-gold-500: #ad7b2d;
--color-pyramid-gold-600: #926828;
--color-pyramid-gold-700: #755320;
--color-pyramid-gold-800: #583c15;
--color-pyramid-gold-900: #3d290e;
--color-pyramid-gold-950: #271702;
}SCSS
$pyramid-gold: #e5b572;
$pyramid-gold-rgb: 229, 181, 114;
$pyramid-gold-light: mix(#fff, $pyramid-gold, 20%);
$pyramid-gold-dark: mix(#000, $pyramid-gold, 20%);
.element {
color: $pyramid-gold;
box-shadow: 0 0 0 2px rgba($pyramid-gold, 0.35);
}