이름 색상 · #E2A94F
Mellowed Gold
Mellowed Gold은(는) #E2A94F: rgb(226 169 79), hsl(37 72% 60%), oklch(0.771 0.126 76.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Mellowed Gold color name →
#E2A94F
oklch(0.771 0.126 76.3)
색상 변환
- HEX
- #e2a94f
- RGB
- rgb(226 169 79)
- HSL
- hsl(37 72% 60%)
- HWB
- hwb(37 31% 11%)
- OKLCH
- oklch(0.771 0.126 76.3)
- OKLab
- oklab(0.771 0.03 0.122)
- CIE Lab
- lab(73.44 15 53.63)
- LCH
- lch(73.44 55.69 74.4)
- CMYK
- cmyk(0% 25% 65% 11%)
틴트 · 셰이드 · 톤
틴트
- E5B264
- E8BB77
- ECC389
- EFCC9A
- F2D5AB
- F4DDBC
- F7E6CD
- FAEEDE
- FCF7EE
셰이드
- C49244
- A87C38
- 8C672E
- 715323
- 573F19
- 3E2C10
- 271B07
- 120A02
- 030100
톤
- D8A557
- CEA15E
- C49D64
- BA9969
- B1956E
- A79172
- 9D8D76
- 93897A
- 8A847D
색 조화
보색 +180°
- E2A94F
Mellowed Gold
- 82B7FF
≈ Parakeet Blue
유사색 -30° +30°
- E2A94F
Mellowed Gold
- F69A6D
≈ Autumn Arrival
- BFBA52
≈ Parachute
삼각 배색 +120° +240°
- E2A94F
Mellowed Gold
- 26CDCF
≈ Mermaid Net
- D49BEA
≈ Bright Ube
분열 보색 +150° +210°
- E2A94F
Mellowed Gold
- 47C4F2
≈ Clean Pool
- AEA8FF
≈ Shy Moment
사각 배색 +90° +180° +270°
- E2A94F
Mellowed Gold
- 56CEA3
≈ Mint Jelly
- 82B7FF
≈ Parakeet Blue
- EE93C5
≈ Pearly Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.09:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.02:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 10.02:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--mellowed-gold: #e2a94f;
--mellowed-gold-rgb: 226 169 79;
--mellowed-gold-oklch: oklch(0.771 0.126 76.3);
}
.element {
color: var(--mellowed-gold);
background-color: hsl(37 72% 60%);
border-color: oklch(0.771 0.126 76.3);
}Tailwind CSS v4
@theme {
--color-mellowed-gold: #e2a94f;
--color-mellowed-gold-50: #fff2ce;
--color-mellowed-gold-100: #ffe4b9;
--color-mellowed-gold-200: #f2ce97;
--color-mellowed-gold-300: #dbb06b;
--color-mellowed-gold-400: #c8933e;
--color-mellowed-gold-500: #b47800;
--color-mellowed-gold-600: #986600;
--color-mellowed-gold-700: #7a5200;
--color-mellowed-gold-800: #5c3b00;
--color-mellowed-gold-900: #402801;
--color-mellowed-gold-950: #291600;
}SCSS
$mellowed-gold: #e2a94f;
$mellowed-gold-rgb: 226, 169, 79;
$mellowed-gold-light: mix(#fff, $mellowed-gold, 20%);
$mellowed-gold-dark: mix(#000, $mellowed-gold, 20%);
.element {
color: $mellowed-gold;
box-shadow: 0 0 0 2px rgba($mellowed-gold, 0.35);
}