이름 색상 · #CFB352
Gold Gleam
Gold Gleam은(는) #CFB352: rgb(207 179 82), hsl(47 57% 57%), oklch(0.772 0.121 93.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gold Gleam color name →
#CFB352
oklch(0.772 0.121 93.3)
색상 변환
- HEX
- #cfb352
- RGB
- rgb(207 179 82)
- HSL
- hsl(47 57% 57%)
- HWB
- hwb(47 32% 19%)
- OKLCH
- oklch(0.772 0.121 93.3)
- OKLab
- oklab(0.772 -0.007 0.12)
- CIE Lab
- lab(74 2.1 52.18)
- LCH
- lch(74 52.22 87.7)
- CMYK
- cmyk(0% 14% 60% 19%)
틴트 · 셰이드 · 톤
틴트
- D4BB66
- D8C279
- DDCA8B
- E2D29C
- E7D9AD
- ECE1BD
- F0E8CE
- F5F0DE
- FAF8EF
셰이드
- B49B46
- 99843B
- 7F6E2F
- 675825
- 4F431A
- 382F11
- 231D08
- 100C02
- 020100
톤
- C7AE5A
- BFA960
- B7A466
- AF9F6B
- A79A6F
- 9F9573
- 979077
- 8F8A7A
- 88857D
색 조화
보색 +180°
- CFB352
Gold Gleam
- 9DB0FF
≈ Widowmaker
유사색 -30° +30°
- CFB352
Gold Gleam
- EBA35E
≈ Doughnut
- A6C268
≈ Jungle Juice
삼각 배색 +120° +240°
- CFB352
Gold Gleam
- 3DC9E3
≈ Picnic Day Sky
- E397D6
≈ Love Dust
분열 보색 +150° +210°
- CFB352
Gold Gleam
- 6BBDFC
≈ Broken Blue
- C5A2F4
≈ Lavender Cream
사각 배색 +90° +180° +270°
- CFB352
Gold Gleam
- 41CEBC
≈ Bianchi Green
- 9DB0FF
≈ Widowmaker
- F593AD
≈ Unripe Strawberry
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.05:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.22:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--gold-gleam: #cfb352;
--gold-gleam-rgb: 207 179 82;
--gold-gleam-oklch: oklch(0.772 0.121 93.3);
}
.element {
color: var(--gold-gleam);
background-color: hsl(47 57% 57%);
border-color: oklch(0.772 0.121 93.3);
}Tailwind CSS v4
@theme {
--color-gold-gleam: #cfb352;
--color-gold-gleam-50: #fff6cf;
--color-gold-gleam-100: #f4e8bb;
--color-gold-gleam-200: #e4d499;
--color-gold-gleam-300: #cab76d;
--color-gold-gleam-400: #b79c41;
--color-gold-gleam-500: #a18300;
--color-gold-gleam-600: #886f00;
--color-gold-gleam-700: #6d5900;
--color-gold-gleam-800: #524000;
--color-gold-gleam-900: #392c01;
--color-gold-gleam-950: #231900;
}SCSS
$gold-gleam: #cfb352;
$gold-gleam-rgb: 207, 179, 82;
$gold-gleam-light: mix(#fff, $gold-gleam, 20%);
$gold-gleam-dark: mix(#000, $gold-gleam, 20%);
.element {
color: $gold-gleam;
box-shadow: 0 0 0 2px rgba($gold-gleam, 0.35);
}