이름 색상 · #AA8D4D
Golden Years
Golden Years은(는) #AA8D4D: rgb(170 141 77), hsl(41 38% 48%), oklch(0.656 0.09 85.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Years color name →
#AA8D4D
oklch(0.656 0.09 85.5)
색상 변환
- HEX
- #aa8d4d
- RGB
- rgb(170 141 77)
- HSL
- hsl(41 38% 48%)
- HWB
- hwb(41 30% 33%)
- OKLCH
- oklch(0.656 0.09 85.5)
- OKLab
- oklab(0.656 0.007 0.09)
- CIE Lab
- lab(60.33 5.41 38.04)
- LCH
- lch(60.33 38.43 81.9)
- CMYK
- cmyk(0% 17% 55% 33%)
틴트 · 셰이드 · 톤
틴트
- B29860
- BBA371
- C3AF83
- CCBA95
- D4C5A6
- DDD1B8
- E5DCC9
- EEE8DB
- F6F3ED
셰이드
- 937A42
- 7D6737
- 68552C
- 534422
- 3F3318
- 2D230F
- 1B1407
- 0B0702
- 010100
톤
- A68C54
- A28B5A
- 9D8A5F
- 998865
- 95876A
- 91866F
- 8D8473
- 888378
- 84817C
색 조화
보색 +180°
- AA8D4D
Golden Years
- 7790C9
≈ Organza Violet
유사색 -30° +30°
- AA8D4D
Golden Years
- BC825A
≈ Southern Barrens Mud
- 8F9856
≈ Totally Broccoli
삼각 배색 +120° +240°
- AA8D4D
Golden Years
- 41A1AC
≈ Marlin Green
- AE7EAF
≈ Heart Potion
분열 보색 +150° +210°
- AA8D4D
Golden Years
- 569AC1
≈ Mountain Bluebird
- 9586C2
≈ Amethyst Grey
사각 배색 +90° +180° +270°
- AA8D4D
Golden Years
- 4CA38E
≈ Corrosion Green
- 7790C9
≈ Organza Violet
- BD7A93
≈ Polignac
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.16:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.62:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--golden-years: #aa8d4d;
--golden-years-rgb: 170 141 77;
--golden-years-oklch: oklch(0.656 0.09 85.5);
}
.element {
color: var(--golden-years);
background-color: hsl(41 38% 48%);
border-color: oklch(0.656 0.09 85.5);
}Tailwind CSS v4
@theme {
--color-golden-years: #aa8d4d;
--color-golden-years-50: #fff4d9;
--color-golden-years-100: #f5e7c6;
--color-golden-years-200: #e5d3a9;
--color-golden-years-300: #cbb582;
--color-golden-years-400: #b79b5e;
--color-golden-years-500: #a18138;
--color-golden-years-600: #886e31;
--color-golden-years-700: #6d5827;
--color-golden-years-800: #513f1a;
--color-golden-years-900: #392c11;
--color-golden-years-950: #231904;
}SCSS
$golden-years: #aa8d4d;
$golden-years-rgb: 170, 141, 77;
$golden-years-light: mix(#fff, $golden-years, 20%);
$golden-years-dark: mix(#000, $golden-years, 20%);
.element {
color: $golden-years;
box-shadow: 0 0 0 2px rgba($golden-years, 0.35);
}