Adlandırılmış renk · #E5B572
Pyramid Gold
Pyramid Gold, #E5B572: rgb(229 181 114), hsl(35 69% 67%), oklch(0.802 0.101 74.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Pyramid Gold color name →
#E5B572
oklch(0.802 0.101 74.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8BD81
- EBC490
- EDCB9E
- F0D3AC
- F3DABA
- F5E2C8
- F8E9D6
- FAF0E3
- FDF8F1
Koyu tonlar
- C79D62
- AA8653
- 8E6F44
- 725936
- 584428
- 3F301B
- 281D0E
- 120C04
- 030201
Gri tonlar
- DBB075
- D0AB77
- C6A579
- BCA07B
- B29B7C
- A8957D
- 9E907E
- 948B7F
- 8A8580
Renk uyumları
Tamamlayıcı +180°
- E5B572
Pyramid Gold
- 91C2FF
≈ Truesky Gloxym
Analog -30° +30°
- E5B572
Pyramid Gold
- F6AA88
≈ October Haze
- C8C273
≈ Fresh Sprout
Üçlü +120° +240°
- E5B572
Pyramid Gold
- 64D3D2
≈ Hidden Sea Glass
- D7ABEC
≈ Petal Plush
Bölünmüş tamamlayıcı +150° +210°
- E5B572
Pyramid Gold
- 6FCCEF
≈ Spritzig
- B7B6FE
≈ Greyish Lavender
Dörtlü +90° +180° +270°
- E5B572
Pyramid Gold
- 7CD3AE
≈ Pharaoh’s Jade
- 91C2FF
≈ Truesky Gloxym
- EEA4CE
≈ Elastic Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.18:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
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);
}