이름 색상 · #DB9663
Gold Earth
Gold Earth은(는) #DB9663: rgb(219 150 99), hsl(26 62% 62%), oklch(0.731 0.107 56.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gold Earth color name →
#DB9663
oklch(0.731 0.107 56.6)
색상 변환
- HEX
- #db9663
- RGB
- rgb(219 150 99)
- HSL
- hsl(26 62% 62%)
- HWB
- hwb(26 39% 14%)
- OKLCH
- oklch(0.731 0.107 56.6)
- OKLab
- oklab(0.731 0.059 0.089)
- CIE Lab
- lab(68.3 22.79 37.72)
- LCH
- lch(68.3 44.07 58.9)
- CMYK
- cmyk(0% 32% 55% 14%)
틴트 · 셰이드 · 톤
틴트
- DFA173
- E3AB83
- E7B692
- EBC0A2
- EFCBB1
- F2D5C1
- F6DFD0
- F9EAE0
- FCF4EF
셰이드
- BE8255
- A26E47
- 875B3A
- 6D492E
- 543721
- 3C2616
- 26160B
- 110803
- 020100
톤
- D29467
- C9926B
- C0906E
- B78E71
- AE8C74
- A58A77
- 9C8779
- 92857C
- 89837E
색 조화
보색 +180°
- DB9663
Gold Earth
- 60B2E2
≈ Sanctuary Spa
유사색 -30° +30°
- DB9663
Gold Earth
- E38D84
≈ Coral Haze
- C5A353
≈ Sauterne
삼각 배색 +120° +240°
- DB9663
Gold Earth
- 50BEA6
≈ Mountain Lake Azure
- AE9AE3
≈ Dull Lavender
분열 보색 +150° +210°
- DB9663
Gold Earth
- 41BBC9
≈ Water Sports
- 89A6EC
≈ Kitten’s Eye
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.45:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.55:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--gold-earth: #db9663;
--gold-earth-rgb: 219 150 99;
--gold-earth-oklch: oklch(0.731 0.107 56.6);
}
.element {
color: var(--gold-earth);
background-color: hsl(26 62% 62%);
border-color: oklch(0.731 0.107 56.6);
}Tailwind CSS v4
@theme {
--color-gold-earth: #db9663;
--color-gold-earth-50: #ffefd8;
--color-gold-earth-100: #ffe0c5;
--color-gold-earth-200: #f8caa7;
--color-gold-earth-300: #e1aa80;
--color-gold-earth-400: #cf8e5e;
--color-gold-earth-500: #bb7238;
--color-gold-earth-600: #9e6131;
--color-gold-earth-700: #7f4d27;
--color-gold-earth-800: #5e371b;
--color-gold-earth-900: #422612;
--color-gold-earth-950: #2a1404;
}SCSS
$gold-earth: #db9663;
$gold-earth-rgb: 219, 150, 99;
$gold-earth-light: mix(#fff, $gold-earth, 20%);
$gold-earth-dark: mix(#000, $gold-earth, 20%);
.element {
color: $gold-earth;
box-shadow: 0 0 0 2px rgba($gold-earth, 0.35);
}