이름 색상 · #EEBB44
Golden Glam
Golden Glam은(는) #EEBB44: rgb(238 187 68), hsl(42 83% 60%), oklch(0.818 0.144 84.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Golden Glam color name →
#EEBB44
oklch(0.818 0.144 84.8)
색상 변환
- HEX
- #eebb44
- RGB
- rgb(238 187 68)
- HSL
- hsl(42 83% 60%)
- HWB
- hwb(42 27% 7%)
- OKLCH
- oklch(0.818 0.144 84.8)
- OKLab
- oklab(0.818 0.013 0.143)
- CIE Lab
- lab(79.04 10.58 64.42)
- LCH
- lch(79.04 65.28 80.7)
- CMYK
- cmyk(0% 21% 71% 7%)
틴트 · 셰이드 · 톤
틴트
- F0C25D
- F2C973
- F4D086
- F5D799
- F7DEAB
- F9E5BC
- FAEBCD
- FCF2DE
- FEF9EE
셰이드
- CFA23A
- B18A30
- 937326
- 775C1D
- 5C4614
- 42320C
- 2A1F05
- 140D02
- 030200
톤
- E3B550
- D7AF59
- CCAA61
- C1A467
- B69E6D
- AB9872
- A09276
- 958C7A
- 8B867D
색 조화
보색 +180°
- EEBB44
Golden Glam
- A6C3FF
≈ Pastel Blue
유사색 -30° +30°
- EEBB44
Golden Glam
- FFAE76
≈ Bloom
- C1CE57
≈ Wild Lime
삼각 배색 +120° +240°
- EEBB44
Golden Glam
- 00DDEE
≈ Tamarama
- F2A2F7
≈ Rich Brilliant Lavender
분열 보색 +150° +210°
- EEBB44
Golden Glam
- 79CFFF
≈ Bubbly Barracuda
- C7B6FF
≈ Violet Heaven
사각 배색 +90° +180° +270°
- EEBB44
Golden Glam
- 35E1BE
≈ Celestial Green
- A6C3FF
≈ Pastel Blue
- FFA3C7
≈ Bazooka Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.77:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.82:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--golden-glam: #eebb44;
--golden-glam-rgb: 238 187 68;
--golden-glam-oklch: oklch(0.818 0.144 84.8);
}
.element {
color: var(--golden-glam);
background-color: hsl(42 83% 60%);
border-color: oklch(0.818 0.144 84.8);
}Tailwind CSS v4
@theme {
--color-golden-glam: #eebb44;
--color-golden-glam-50: #fff3c7;
--color-golden-glam-100: #fde6b1;
--color-golden-glam-200: #efd18c;
--color-golden-glam-300: #d7b25b;
--color-golden-glam-400: #c5961d;
--color-golden-glam-500: #b17b00;
--color-golden-glam-600: #966900;
--color-golden-glam-700: #785400;
--color-golden-glam-800: #5a3c00;
--color-golden-glam-900: #3f2900;
--color-golden-glam-950: #281700;
}SCSS
$golden-glam: #eebb44;
$golden-glam-rgb: 238, 187, 68;
$golden-glam-light: mix(#fff, $golden-glam, 20%);
$golden-glam-dark: mix(#000, $golden-glam, 20%);
.element {
color: $golden-glam;
box-shadow: 0 0 0 2px rgba($golden-glam, 0.35);
}