이름 색상 · #B68C37
Mayan Gold
Mayan Gold은(는) #B68C37: rgb(182 140 55), hsl(40 54% 46%), oklch(0.664 0.113 82). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Mayan Gold color name →
#B68C37
oklch(0.664 0.113 82)
색상 변환
- HEX
- #b68c37
- RGB
- rgb(182 140 55)
- HSL
- hsl(40 54% 46%)
- HWB
- hwb(40 22% 29%)
- OKLCH
- oklch(0.664 0.113 82)
- OKLab
- oklab(0.664 0.016 0.112)
- CIE Lab
- lab(61.17 10.07 49.92)
- LCH
- lch(61.17 50.92 78.6)
- CMYK
- cmyk(0% 23% 70% 29%)
틴트 · 셰이드 · 톤
틴트
- BD974F
- C5A364
- CCAE78
- D3BA8C
- DBC59F
- E2D1B2
- E9DCC5
- F0E8D8
- F8F3EC
셰이드
- 9E792E
- 866726
- 6F551E
- 594316
- 44330F
- 302308
- 1D1403
- 0C0701
- 020100
톤
- B18B42
- AB8A4C
- A68954
- A0885B
- 9B8762
- 968669
- 90846F
- 8B8375
- 85827B
색 조화
보색 +180°
- B68C37
Mayan Gold
- 6D93D9
≈ Little Boy Blue
유사색 -30° +30°
- B68C37
Mayan Gold
- CA7E4F
≈ Apricot Buff
- 959A41
≈ Split Pea
삼각 배색 +120° +240°
- B68C37
Mayan Gold
- 00A7B1
≈ Exotic Sea
- B47BBD
≈ Colombo Red Mauve
분열 보색 +150° +210°
- B68C37
Mayan Gold
- 3B9FCD
≈ Skydome
- 9586D3
≈ Indigo Bloom
사각 배색 +90° +180° +270°
- B68C37
Mayan Gold
- 34AA8B
≈ Niagara
- 6D93D9
≈ Little Boy Blue
- C8759B
≈ Dolomite Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.09:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.79:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--mayan-gold: #b68c37;
--mayan-gold-rgb: 182 140 55;
--mayan-gold-oklch: oklch(0.664 0.113 82);
}
.element {
color: var(--mayan-gold);
background-color: hsl(40 54% 46%);
border-color: oklch(0.664 0.113 82);
}Tailwind CSS v4
@theme {
--color-mayan-gold: #b68c37;
--color-mayan-gold-50: #fff3d1;
--color-mayan-gold-100: #fae5be;
--color-mayan-gold-200: #ebd19d;
--color-mayan-gold-300: #d3b373;
--color-mayan-gold-400: #c0984a;
--color-mayan-gold-500: #ab7d0e;
--color-mayan-gold-600: #916a12;
--color-mayan-gold-700: #74550f;
--color-mayan-gold-800: #573d09;
--color-mayan-gold-900: #3d2a06;
--color-mayan-gold-950: #261700;
}SCSS
$mayan-gold: #b68c37;
$mayan-gold-rgb: 182, 140, 55;
$mayan-gold-light: mix(#fff, $mayan-gold, 20%);
$mayan-gold-dark: mix(#000, $mayan-gold, 20%);
.element {
color: $mayan-gold;
box-shadow: 0 0 0 2px rgba($mayan-gold, 0.35);
}