이름 색상 · #B0834F
Gold Plated
Gold Plated은(는) #B0834F: rgb(176 131 79), hsl(32 38% 50%), oklch(0.643 0.088 69.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gold Plated color name →
#B0834F
oklch(0.643 0.088 69.2)
색상 변환
- HEX
- #b0834f
- RGB
- rgb(176 131 79)
- HSL
- hsl(32 38% 50%)
- HWB
- hwb(32 31% 31%)
- OKLCH
- oklch(0.643 0.088 69.2)
- OKLab
- oklab(0.643 0.031 0.083)
- CIE Lab
- lab(58.42 13.42 34.95)
- LCH
- lch(58.42 37.44 69)
- CMYK
- cmyk(0% 26% 55% 31%)
틴트 · 셰이드 · 톤
틴트
- B88F61
- C09B72
- C8A784
- D0B495
- D8C0A6
- E0CCB8
- E8D9C9
- EFE6DB
- F7F2ED
셰이드
- 997144
- 826038
- 6C4F2E
- 563F23
- 422F19
- 2E2010
- 1C1207
- 0B0602
- 010100
톤
- AB8355
- A7835B
- A28360
- 9D8265
- 98826A
- 94826F
- 8F8173
- 8A8178
- 85817C
색 조화
보색 +180°
- B0834F
Gold Plated
- 6191C1
≈ Come Sail Away
유사색 -30° +30°
- B0834F
Gold Plated
- BB7A64
≈ Autumn’s Hill
- 9A8E4C
≈ Tupelo Tree
삼각 배색 +120° +240°
- B0834F
Gold Plated
- 409E98
≈ Baltic Green
- 9D7EB6
≈ Lush Lilac
분열 보색 +150° +210°
- B0834F
Gold Plated
- 459AB2
≈ Starflower Blue
- 8187C2
≈ True Lavender
사각 배색 +90° +180° +270°
- B0834F
Gold Plated
- 5A9E7A
≈ Memphis Green
- 6191C1
≈ Come Sail Away
- B1789F
≈ Victorian Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.20:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.20:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--gold-plated: #b0834f;
--gold-plated-rgb: 176 131 79;
--gold-plated-oklch: oklch(0.643 0.088 69.2);
}
.element {
color: var(--gold-plated);
background-color: hsl(32 38% 50%);
border-color: oklch(0.643 0.088 69.2);
}Tailwind CSS v4
@theme {
--color-gold-plated: #b0834f;
--color-gold-plated-50: #fff2da;
--color-gold-plated-100: #fbe4c9;
--color-gold-plated-200: #edcfac;
--color-gold-plated-300: #d4b086;
--color-gold-plated-400: #c19564;
--color-gold-plated-500: #ac7b40;
--color-gold-plated-600: #916837;
--color-gold-plated-700: #75532c;
--color-gold-plated-800: #573c1f;
--color-gold-plated-900: #3d2914;
--color-gold-plated-950: #261706;
}SCSS
$gold-plated: #b0834f;
$gold-plated-rgb: 176, 131, 79;
$gold-plated-light: mix(#fff, $gold-plated, 20%);
$gold-plated-dark: mix(#000, $gold-plated, 20%);
.element {
color: $gold-plated;
box-shadow: 0 0 0 2px rgba($gold-plated, 0.35);
}