色名 · #E8BC50
Blockchain Gold
Blockchain Goldは#E8BC50：rgb(232 188 80)、hsl(43 77% 61%)、oklch(0.815 0.134 86.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Blockchain Gold color name →
#E8BC50
oklch(0.815 0.134 86.7)
カラー変換
- HEX
- #e8bc50
- RGB
- rgb(232 188 80)
- HSL
- hsl(43 77% 61%)
- HWB
- hwb(43 31% 9%)
- OKLCH
- oklch(0.815 0.134 86.7)
- OKLab
- oklab(0.815 0.008 0.134)
- CIE Lab
- lab(78.75 8.02 58.96)
- LCH
- lch(78.75 59.51 82.2)
- CMYK
- cmyk(0% 19% 66% 9%)
ティント · シェード · トーン
ティント
- EAC366
- EDCA79
- EFD18C
- F2D89D
- F4DEAE
- F6E5BE
- F8EBCF
- FBF2DF
- FDF9EF
シェード
- CAA344
- AC8B39
- 90732E
- 745D24
- 59471A
- 403210
- 291F07
- 130D02
- 030200
トーン
- DDB659
- D3B060
- C8AA66
- BDA46B
- B39E70
- A99874
- 9E9278
- 948C7B
- 8A867E
カラーハーモニー
補色 +180°
- E8BC50
Blockchain Gold
- A7C1FF
≈ Pastel Blue
類似色 -30° +30°
- E8BC50
Blockchain Gold
- FFAD70
≈ Bloom
- BDCD62
≈ Lustre Green
トライアド +120° +240°
- E8BC50
Blockchain Gold
- 27DAEE
≈ Cold Heights
- F0A3F0
≈ Pinky Swear
スプリットコンプリメンタリー +150° +210°
- E8BC50
Blockchain Gold
- 7ACDFF
≈ Bubbly Barracuda
- C9B4FF
≈ Violet Heaven
テトラード +90° +180° +270°
- E8BC50
Blockchain Gold
- 45DEC0
≈ Celestial Green
- A7C1FF
≈ Pastel Blue
- FFA2C4
≈ Taffy Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.74:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--blockchain-gold: #e8bc50;
--blockchain-gold-rgb: 232 188 80;
--blockchain-gold-oklch: oklch(0.815 0.134 86.7);
}
.element {
color: var(--blockchain-gold);
background-color: hsl(43 77% 61%);
border-color: oklch(0.815 0.134 86.7);
}Tailwind CSS v4
@theme {
--color-blockchain-gold: #e8bc50;
--color-blockchain-gold-50: #fff4ca;
--color-blockchain-gold-100: #fae6b5;
--color-blockchain-gold-200: #ecd291;
--color-blockchain-gold-300: #d3b463;
--color-blockchain-gold-400: #c1982f;
--color-blockchain-gold-500: #ac7e00;
--color-blockchain-gold-600: #926b00;
--color-blockchain-gold-700: #755500;
--color-blockchain-gold-800: #583d00;
--color-blockchain-gold-900: #3d2a00;
--color-blockchain-gold-950: #271700;
}SCSS
$blockchain-gold: #e8bc50;
$blockchain-gold-rgb: 232, 188, 80;
$blockchain-gold-light: mix(#fff, $blockchain-gold, 20%);
$blockchain-gold-dark: mix(#000, $blockchain-gold, 20%);
.element {
color: $blockchain-gold;
box-shadow: 0 0 0 2px rgba($blockchain-gold, 0.35);
}