이름 색상 · #AB8508
Chestnut Gold
Chestnut Gold은(는) #AB8508: rgb(171 133 8), hsl(46 91% 35%), oklch(0.635 0.128 88). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Chestnut Gold color name →
#AB8508
oklch(0.635 0.128 88)
색상 변환
- HEX
- #ab8508
- RGB
- rgb(171 133 8)
- HSL
- hsl(46 91% 35%)
- HWB
- hwb(46 3% 33%)
- OKLCH
- oklch(0.635 0.128 88)
- OKLab
- oklab(0.635 0.004 0.128)
- CIE Lab
- lab(57.93 7.73 61.08)
- LCH
- lch(57.93 61.57 82.8)
- CMYK
- cmyk(0% 22% 95% 33%)
틴트 · 셰이드 · 톤
틴트
- B39136
- BC9D51
- C4A968
- CCB67E
- D5C294
- DDCEA9
- E5DABF
- EEE6D4
- F6F3E9
셰이드
- 947306
- 7E6104
- 685003
- 544002
- 403001
- 2D2101
- 1B1300
- 0B0600
- 010100
톤
- A78526
- A28537
- 9E8444
- 9A844E
- 968458
- 918361
- 8D8269
- 898271
- 848179
색 조화
보색 +180°
- AB8508
Chestnut Gold
- 6986D8
≈ Tanzine
유사색 -30° +30°
- AB8508
Chestnut Gold
- C37530
≈ Orange Squash
- 84952D
≈ Chorus of Frogs
삼각 배색 +120° +240°
- AB8508
Chestnut Gold
- 009DAD
≈ Lake Blue
- B46DB2
≈ Moonlight Melody
분열 보색 +150° +210°
- AB8508
Chestnut Gold
- 2794CF
≈ Splish Splash
- 9578CE
≈ True V
사각 배색 +90° +180° +270°
- AB8508
Chestnut Gold
- 00A18B
≈ Turquish
- 6986D8
≈ Tanzine
- C7678A
≈ Old Geranium
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.44:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.09:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--chestnut-gold: #ab8508;
--chestnut-gold-rgb: 171 133 8;
--chestnut-gold-oklch: oklch(0.635 0.128 88);
}
.element {
color: var(--chestnut-gold);
background-color: hsl(46 91% 35%);
border-color: oklch(0.635 0.128 88);
}Tailwind CSS v4
@theme {
--color-chestnut-gold: #ab8508;
--color-chestnut-gold-50: #fff4cc;
--color-chestnut-gold-100: #f8e7b8;
--color-chestnut-gold-200: #e9d295;
--color-chestnut-gold-300: #d1b567;
--color-chestnut-gold-400: #be9937;
--color-chestnut-gold-500: #a97f00;
--color-chestnut-gold-600: #8f6c00;
--color-chestnut-gold-700: #735600;
--color-chestnut-gold-800: #563e00;
--color-chestnut-gold-900: #3c2b00;
--color-chestnut-gold-950: #261800;
}SCSS
$chestnut-gold: #ab8508;
$chestnut-gold-rgb: 171, 133, 8;
$chestnut-gold-light: mix(#fff, $chestnut-gold, 20%);
$chestnut-gold-dark: mix(#000, $chestnut-gold, 20%);
.element {
color: $chestnut-gold;
box-shadow: 0 0 0 2px rgba($chestnut-gold, 0.35);
}