色名 · #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);
}