Adlandırılmış renk · #EAD56D
Bold Gold
Bold Gold, #EAD56D: rgb(234 213 109), hsl(50 75% 67%), oklch(0.87 0.127 98.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Bold Gold color name →
#EAD56D
oklch(0.87 0.127 98.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECD97E
- EEDE8E
- F0E29D
- F2E6AC
- F4EBBA
- F6EFC8
- F8F3D6
- FBF7E4
- FDFBF2
Koyu tonlar
- CBB95E
- AE9E4F
- 918341
- 756A33
- 5A5126
- 413A19
- 29240D
- 131004
- 030201
Gri tonlar
- DFCC71
- D4C475
- C9BB78
- BEB37A
- B3AA7C
- A9A27D
- 9E997F
- 94917F
- 8A8880
Renk uyumları
Tamamlayıcı +180°
- EAD56D
Bold Gold
- CAD1FF
≈ Pale Phthalo Blue
Analog -30° +30°
- EAD56D
Bold Gold
- FFC88E
≈ Bundaberg Sand
- BCE488
≈ Oxalis
Üçlü +120° +240°
- EAD56D
Bold Gold
- 85E4FF
≈ Tranquil Pool
- FFBCEA
≈ Pink Quartz
Bölünmüş tamamlayıcı +150° +210°
- EAD56D
Bold Gold
- B2D9FF
≈ Droplet
- E3C6FF
≈ Neon Boneyard
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.23:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.23:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}