이름 색상 · #D78E48
Golden Nugget
Golden Nugget은(는) #D78E48: rgb(215 142 72), hsl(29 64% 56%), oklch(0.708 0.123 62.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Golden Nugget color name →
#D78E48
oklch(0.708 0.123 62.2)
색상 변환
- HEX
- #d78e48
- RGB
- rgb(215 142 72)
- HSL
- hsl(29 64% 56%)
- HWB
- hwb(29 28% 16%)
- OKLCH
- oklch(0.708 0.123 62.2)
- OKLab
- oklab(0.708 0.057 0.109)
- CIE Lab
- lab(65.67 23.87 48.18)
- LCH
- lch(65.67 53.77 63.6)
- CMYK
- cmyk(0% 34% 67% 16%)
틴트 · 셰이드 · 톤
틴트
- DC995D
- E0A570
- E5B082
- E9BB94
- EDC7A6
- F1D2B8
- F5DDCA
- F8E8DB
- FCF4ED
셰이드
- BB7B3D
- 9F6833
- 855629
- 6B441F
- 523416
- 3B240D
- 251506
- 110702
- 020100
톤
- CE8D50
- C68C57
- BD8B5E
- B58A64
- AC8869
- A3876E
- 9B8573
- 928478
- 89827C
색 조화
보색 +180°
- D78E48
Golden Nugget
- 52A9E7
≈ Cerulean
유사색 -30° +30°
- D78E48
Golden Nugget
- E3826F
≈ Peach Posey
- BC9E38
≈ Tiki Torch
삼각 배색 +120° +240°
- D78E48
Golden Nugget
- 17B9A7
≈ Verditer
- AF8DE0
≈ Middy’s Purple
분열 보색 +150° +210°
- D78E48
Golden Nugget
- 01B4CD
≈ Antigua Blue
- 869BEE
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- D78E48
Golden Nugget
- 5FB77A
≈ Appleton
- 52A9E7
≈ Cerulean
- CE83C3
≈ Pink Punk
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.67:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.85:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--golden-nugget: #d78e48;
--golden-nugget-rgb: 215 142 72;
--golden-nugget-oklch: oklch(0.708 0.123 62.2);
}
.element {
color: var(--golden-nugget);
background-color: hsl(29 64% 56%);
border-color: oklch(0.708 0.123 62.2);
}Tailwind CSS v4
@theme {
--color-golden-nugget: #d78e48;
--color-golden-nugget-50: #ffefd1;
--color-golden-nugget-100: #ffe0be;
--color-golden-nugget-200: #faca9d;
--color-golden-nugget-300: #e4aa73;
--color-golden-nugget-400: #d28d4c;
--color-golden-nugget-500: #bf7116;
--color-golden-nugget-600: #a16017;
--color-golden-nugget-700: #814c13;
--color-golden-nugget-800: #61370d;
--color-golden-nugget-900: #442508;
--color-golden-nugget-950: #2c1400;
}SCSS
$golden-nugget: #d78e48;
$golden-nugget-rgb: 215, 142, 72;
$golden-nugget-light: mix(#fff, $golden-nugget, 20%);
$golden-nugget-dark: mix(#000, $golden-nugget, 20%);
.element {
color: $golden-nugget;
box-shadow: 0 0 0 2px rgba($golden-nugget, 0.35);
}