이름 색상 · #E8D2B1
Powdered Gold
Powdered Gold은(는) #E8D2B1: rgb(232 210 177), hsl(36 54% 80%), oklch(0.874 0.05 78). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Powdered Gold color name →
#E8D2B1
oklch(0.874 0.05 78)
색상 변환
- HEX
- #e8d2b1
- RGB
- rgb(232 210 177)
- HSL
- hsl(36 54% 80%)
- HWB
- hwb(36 69% 9%)
- OKLCH
- oklch(0.874 0.05 78)
- OKLab
- oklab(0.874 0.01 0.049)
- CIE Lab
- lab(85.41 4.18 19.36)
- LCH
- lch(85.41 19.8 77.8)
- CMYK
- cmyk(0% 9% 24% 9%)
틴트 · 셰이드 · 톤
틴트
- EAD6B9
- EDDBC1
- EFDFC8
- F1E4D0
- F4E8D8
- F6EDE0
- F8F1E8
- FAF6EF
- FDFAF7
셰이드
- CAB699
- AC9B83
- 90816C
- 746857
- 595042
- 40392F
- 29241C
- 13100C
- 030201
톤
- DDCAAC
- D2C1A7
- C8B9A2
- BDB09D
- B3A899
- A8A094
- 9E988F
- 94908A
- 8A8885
색 조화
보색 +180°
- E8D2B1
Powdered Gold
- C1D7F7
≈ Oh Boy!
유사색 -30° +30°
- E8D2B1
Powdered Gold
- F2CCB9
≈ Watusi
- D8D8B3
≈ Kohlrabi Green
삼각 배색 +120° +240°
- E8D2B1
Powdered Gold
- AFE0E1
≈ Opal
- E4CCEB
≈ Footie Pyjamas
분열 보색 +150° +210°
- E8D2B1
Powdered Gold
- B4DDF0
≈ Seashore Dreams
- D3D1F5
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
- E8D2B1
Powdered Gold
- B6E1CF
≈ Jade Sea
- C1D7F7
≈ Oh Boy!
- F0C9DB
≈ Persian Delight
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.28:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--powdered-gold: #e8d2b1;
--powdered-gold-rgb: 232 210 177;
--powdered-gold-oklch: oklch(0.874 0.05 78);
}
.element {
color: var(--powdered-gold);
background-color: hsl(36 54% 80%);
border-color: oklch(0.874 0.05 78);
}Tailwind CSS v4
@theme {
--color-powdered-gold: #e8d2b1;
--color-powdered-gold-50: #fdf4e5;
--color-powdered-gold-100: #f1e6d6;
--color-powdered-gold-200: #e0d2bd;
--color-powdered-gold-300: #c5b59b;
--color-powdered-gold-400: #af9b7d;
--color-powdered-gold-500: #998260;
--color-powdered-gold-600: #816e52;
--color-powdered-gold-700: #675841;
--color-powdered-gold-800: #4d402f;
--color-powdered-gold-900: #352c20;
--color-powdered-gold-950: #20190f;
}SCSS
$powdered-gold: #e8d2b1;
$powdered-gold-rgb: 232, 210, 177;
$powdered-gold-light: mix(#fff, $powdered-gold, 20%);
$powdered-gold-dark: mix(#000, $powdered-gold, 20%);
.element {
color: $powdered-gold;
box-shadow: 0 0 0 2px rgba($powdered-gold, 0.35);
}