이름 색상 · #EAD56D
Bold Gold
Bold Gold은(는) #EAD56D: rgb(234 213 109), hsl(50 75% 67%), oklch(0.87 0.127 98.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Bold Gold color name →
#EAD56D
oklch(0.87 0.127 98.1)
색상 변환
- HEX
- #ead56d
- RGB
- rgb(234 213 109)
- HSL
- hsl(50 75% 67%)
- HWB
- hwb(50 43% 8%)
- OKLCH
- oklch(0.87 0.127 98.1)
- OKLab
- oklab(0.87 -0.018 0.126)
- CIE Lab
- lab(85.47 -1.93 53.39)
- LCH
- lch(85.47 53.43 92.1)
- CMYK
- cmyk(0% 9% 53% 8%)
틴트 · 셰이드 · 톤
틴트
- ECD97E
- EEDE8E
- F0E29D
- F2E6AC
- F4EBBA
- F6EFC8
- F8F3D6
- FBF7E4
- FDFBF2
셰이드
- CBB95E
- AE9E4F
- 918341
- 756A33
- 5A5126
- 413A19
- 29240D
- 131004
- 030201
톤
- DFCC71
- D4C475
- C9BB78
- BEB37A
- B3AA7C
- A9A27D
- 9E997F
- 94917F
- 8A8880
색 조화
보색 +180°
- EAD56D
Bold Gold
- CAD1FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- EAD56D
Bold Gold
- FFC88E
≈ Bundaberg Sand
- BCE488
≈ Oxalis
삼각 배색 +120° +240°
- EAD56D
Bold Gold
- 85E4FF
≈ Tranquil Pool
- FFBCEA
≈ Pink Quartz
분열 보색 +150° +210°
- EAD56D
Bold Gold
- B2D9FF
≈ Droplet
- E3C6FF
≈ Neon Boneyard
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.23:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--bold-gold: #ead56d;
--bold-gold-rgb: 234 213 109;
--bold-gold-oklch: oklch(0.87 0.127 98.1);
}
.element {
color: var(--bold-gold);
background-color: hsl(50 75% 67%);
border-color: oklch(0.87 0.127 98.1);
}Tailwind CSS v4
@theme {
--color-bold-gold: #ead56d;
--color-bold-gold-50: #fdf7cd;
--color-bold-gold-100: #f1eab9;
--color-bold-gold-200: #e0d697;
--color-bold-gold-300: #c6b96a;
--color-bold-gold-400: #b29f3b;
--color-bold-gold-500: #9d8600;
--color-bold-gold-600: #847100;
--color-bold-gold-700: #6a5a00;
--color-bold-gold-800: #4f4100;
--color-bold-gold-900: #372d00;
--color-bold-gold-950: #221a00;
}SCSS
$bold-gold: #ead56d;
$bold-gold-rgb: 234, 213, 109;
$bold-gold-light: mix(#fff, $bold-gold, 20%);
$bold-gold-dark: mix(#000, $bold-gold, 20%);
.element {
color: $bold-gold;
box-shadow: 0 0 0 2px rgba($bold-gold, 0.35);
}