이름 색상 · #E99F4C
Granary Gold
Granary Gold은(는) #E99F4C: rgb(233 159 76), hsl(32 78% 61%), oklch(0.76 0.132 66.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Granary Gold color name →
#E99F4C
oklch(0.76 0.132 66.5)
색상 변환
- HEX
- #e99f4c
- RGB
- rgb(233 159 76)
- HSL
- hsl(32 78% 61%)
- HWB
- hwb(32 30% 9%)
- OKLCH
- oklch(0.76 0.132 66.5)
- OKLab
- oklab(0.76 0.053 0.121)
- CIE Lab
- lab(71.84 22.85 53.6)
- LCH
- lch(71.84 58.27 66.9)
- CMYK
- cmyk(0% 32% 67% 9%)
틴트 · 셰이드 · 톤
틴트
- ECA961
- EFB374
- F1BC87
- F4C699
- F6D0AA
- F8D9BB
- FAE3CC
- FCECDD
- FEF6EE
셰이드
- CB8A41
- AD7536
- 90612C
- 744D22
- 5A3B18
- 41290F
- 291806
- 130902
- 030100
톤
- DE9C54
- D49A5C
- C99762
- BF9468
- B4916D
- AA8D71
- A08A75
- 958779
- 8B847D
색 조화
보색 +180°
- E99F4C
Granary Gold
- 66B8FF
≈ Hello Summer
유사색 -30° +30°
- E99F4C
Granary Gold
- F89174
≈ Salmon Nigiri
- C9B040
≈ Herbal Green
삼각 배색 +120° +240°
- E99F4C
Granary Gold
- 0CCCBE
≈ Exquisite Turquoise
- C69AF3
≈ Baby Purple
분열 보색 +150° +210°
- E99F4C
Granary Gold
- 1AC5E7
≈ Caribbean Blue
- 9DA9FF
≈ Widowmaker
사각 배색 +90° +180° +270°
- E99F4C
Granary Gold
- 60CA8E
≈ Vegetation
- 66B8FF
≈ Hello Summer
- E68FD0
≈ Mayflower Orchid
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.52:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--granary-gold: #e99f4c;
--granary-gold-rgb: 233 159 76;
--granary-gold-oklch: oklch(0.76 0.132 66.5);
}
.element {
color: var(--granary-gold);
background-color: hsl(32 78% 61%);
border-color: oklch(0.76 0.132 66.5);
}Tailwind CSS v4
@theme {
--color-granary-gold: #e99f4c;
--color-granary-gold-50: #ffefcd;
--color-granary-gold-100: #ffe1b9;
--color-granary-gold-200: #faca97;
--color-granary-gold-300: #e4ab6b;
--color-granary-gold-400: #d28d3f;
--color-granary-gold-500: #bf7100;
--color-granary-gold-600: #a16000;
--color-granary-gold-700: #824d00;
--color-granary-gold-800: #613700;
--color-granary-gold-900: #442502;
--color-granary-gold-950: #2c1400;
}SCSS
$granary-gold: #e99f4c;
$granary-gold-rgb: 233, 159, 76;
$granary-gold-light: mix(#fff, $granary-gold, 20%);
$granary-gold-dark: mix(#000, $granary-gold, 20%);
.element {
color: $granary-gold;
box-shadow: 0 0 0 2px rgba($granary-gold, 0.35);
}