이름 색상 · #E5B572
Pyramid Gold
Pyramid Gold은(는) #E5B572: rgb(229 181 114), hsl(35 69% 67%), oklch(0.802 0.101 74.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Pyramid Gold color name →
#E5B572
oklch(0.802 0.101 74.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E8BD81
- EBC490
- EDCB9E
- F0D3AC
- F3DABA
- F5E2C8
- F8E9D6
- FAF0E3
- FDF8F1
셰이드
- C79D62
- AA8653
- 8E6F44
- 725936
- 584428
- 3F301B
- 281D0E
- 120C04
- 030201
톤
- DBB075
- D0AB77
- C6A579
- BCA07B
- B29B7C
- A8957D
- 9E907E
- 948B7F
- 8A8580
색 조화
보색 +180°
- E5B572
Pyramid Gold
- 91C2FF
≈ Truesky Gloxym
유사색 -30° +30°
- E5B572
Pyramid Gold
- F6AA88
≈ October Haze
- C8C273
≈ Fresh Sprout
삼각 배색 +120° +240°
- E5B572
Pyramid Gold
- 64D3D2
≈ Hidden Sea Glass
- D7ABEC
≈ Petal Plush
분열 보색 +150° +210°
- E5B572
Pyramid Gold
- 6FCCEF
≈ Spritzig
- B7B6FE
≈ Greyish Lavender
사각 배색 +90° +180° +270°
- E5B572
Pyramid Gold
- 7CD3AE
≈ Pharaoh’s Jade
- 91C2FF
≈ Truesky Gloxym
- EEA4CE
≈ Elastic Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.18:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}