이름 색상 · #B39142
Venetian Gold
Venetian Gold은(는) #B39142: rgb(179 145 66), hsl(42 46% 48%), oklch(0.673 0.106 85.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Venetian Gold color name →
#B39142
oklch(0.673 0.106 85.9)
색상 변환
- HEX
- #b39142
- RGB
- rgb(179 145 66)
- HSL
- hsl(42 46% 48%)
- HWB
- hwb(42 26% 30%)
- OKLCH
- oklch(0.673 0.106 85.9)
- OKLab
- oklab(0.673 0.008 0.105)
- CIE Lab
- lab(62.22 6.63 45.88)
- LCH
- lch(62.22 46.35 81.8)
- CMYK
- cmyk(0% 19% 63% 30%)
틴트 · 셰이드 · 톤
틴트
- BB9C57
- C2A76B
- CAB27E
- D1BD90
- D9C8A3
- E0D3B5
- E8DEC7
- F0E9DA
- F7F4EC
셰이드
- 9B7D38
- 846A2F
- 6E5825
- 58461C
- 433514
- 2F250B
- 1D1505
- 0C0701
- 010100
톤
- AE904B
- A98E53
- A48C5A
- 9E8B60
- 998966
- 94876C
- 8F8671
- 8A8476
- 85827B
색 조화
보색 +180°
- B39142
Venetian Gold
- 7794D7
≈ Pannikin
유사색 -30° +30°
- B39142
Venetian Gold
- C88453
≈ Maple Syrup Brown
- 939E4E
≈ Spinach Green
삼각 배색 +120° +240°
- B39142
Venetian Gold
- 2AA8B6
≈ Green Buoy
- B87FB9
≈ Colombo Red Mauve
분열 보색 +150° +210°
- B39142
Venetian Gold
- 4DA0CE
≈ Peaceful River
- 9C88D0
≈ Petrified Purple
사각 배색 +90° +180° +270°
- B39142
Venetian Gold
- 3DAB93
≈ Zomp
- 7794D7
≈ Pannikin
- C97A98
≈ Wild Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.98:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.04:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--venetian-gold: #b39142;
--venetian-gold-rgb: 179 145 66;
--venetian-gold-oklch: oklch(0.673 0.106 85.9);
}
.element {
color: var(--venetian-gold);
background-color: hsl(42 46% 48%);
border-color: oklch(0.673 0.106 85.9);
}Tailwind CSS v4
@theme {
--color-venetian-gold: #b39142;
--color-venetian-gold-50: #fff4d4;
--color-venetian-gold-100: #f7e7c0;
--color-venetian-gold-200: #e7d2a1;
--color-venetian-gold-300: #ceb578;
--color-venetian-gold-400: #ba9a50;
--color-venetian-gold-500: #a58020;
--color-venetian-gold-600: #8c6d1f;
--color-venetian-gold-700: #705718;
--color-venetian-gold-800: #543f0f;
--color-venetian-gold-900: #3a2b09;
--color-venetian-gold-950: #241800;
}SCSS
$venetian-gold: #b39142;
$venetian-gold-rgb: 179, 145, 66;
$venetian-gold-light: mix(#fff, $venetian-gold, 20%);
$venetian-gold-dark: mix(#000, $venetian-gold, 20%);
.element {
color: $venetian-gold;
box-shadow: 0 0 0 2px rgba($venetian-gold, 0.35);
}