이름 색상 · #977A41
Gold Estate
Gold Estate은(는) #977A41: rgb(151 122 65), hsl(40 40% 42%), oklch(0.595 0.083 82.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gold Estate color name →
#977A41
oklch(0.595 0.083 82.8)
색상 변환
- HEX
- #977a41
- RGB
- rgb(151 122 65)
- HSL
- hsl(40 40% 42%)
- HWB
- hwb(40 25% 41%)
- OKLCH
- oklch(0.595 0.083 82.8)
- OKLab
- oklab(0.595 0.01 0.083)
- CIE Lab
- lab(53.12 6.41 35.26)
- LCH
- lch(53.12 35.84 79.7)
- CMYK
- cmyk(0% 19% 57% 41%)
틴트 · 셰이드 · 톤
틴트
- A18754
- AB9467
- B5A17A
- C0AE8C
- CABB9F
- D5C8B2
- DFD6C5
- EAE3D8
- F4F1EB
셰이드
- 836937
- 6F592E
- 5C4925
- 493A1C
- 372B13
- 261D0B
- 171005
- 080501
- 010100
톤
- 957B49
- 937C50
- 907C57
- 8E7D5D
- 8C7E63
- 897E69
- 877F6F
- 857F75
- 82807A
색 조화
보색 +180°
- 977A41
Gold Estate
- 647EB1
≈ Prompt
유사색 -30° +30°
- 977A41
Gold Estate
- A6704E
≈ Drum Solo
- 7F8447
≈ Fresh Artichoke
삼각 배색 +120° +240°
- 977A41
Gold Estate
- 348D95
≈ Aqueous
- 976E9C
≈ Tatarian Aster
분열 보색 +150° +210°
- 977A41
Gold Estate
- 4687A8
≈ Underwater Moonlight
- 8075AC
≈ Purple Rhapsody
사각 배색 +90° +180° +270°
- 977A41
Gold Estate
- 428F7A
≈ Perky
- 647EB1
≈ Prompt
- A66A83
≈ Cure All
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.05:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.17:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--gold-estate: #977a41;
--gold-estate-rgb: 151 122 65;
--gold-estate-oklch: oklch(0.595 0.083 82.8);
}
.element {
color: var(--gold-estate);
background-color: hsl(40 40% 42%);
border-color: oklch(0.595 0.083 82.8);
}Tailwind CSS v4
@theme {
--color-gold-estate: #977a41;
--color-gold-estate-50: #fff4db;
--color-gold-estate-100: #f5e6c9;
--color-gold-estate-200: #e5d2ac;
--color-gold-estate-300: #cbb586;
--color-gold-estate-400: #b79a64;
--color-gold-estate-500: #a18140;
--color-gold-estate-600: #886d38;
--color-gold-estate-700: #6d572c;
--color-gold-estate-800: #513f1f;
--color-gold-estate-900: #392c14;
--color-gold-estate-950: #231906;
}SCSS
$gold-estate: #977a41;
$gold-estate-rgb: 151, 122, 65;
$gold-estate-light: mix(#fff, $gold-estate, 20%);
$gold-estate-dark: mix(#000, $gold-estate, 20%);
.element {
color: $gold-estate;
box-shadow: 0 0 0 2px rgba($gold-estate, 0.35);
}