色名 · #ECC481
Gold Buff
Gold Buffは#ECC481：rgb(236 196 129)、hsl(38 74% 72%)、oklch(0.84 0.096 79.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Gold Buff color name →
#ECC481
oklch(0.84 0.096 79.8)
カラー変換
- HEX
- #ecc481
- RGB
- rgb(236 196 129)
- HSL
- hsl(38 74% 72%)
- HWB
- hwb(38 51% 7%)
- OKLCH
- oklch(0.84 0.096 79.8)
- OKLab
- oklab(0.84 0.017 0.095)
- CIE Lab
- lab(81.6 8.47 39.16)
- LCH
- lch(81.6 40.06 77.8)
- CMYK
- cmyk(0% 17% 45% 7%)
ティント · シェード · トーン
ティント
- EECA8E
- F0D09B
- F2D6A8
- F4DCB5
- F6E2C1
- F8E8CE
- FAEEDA
- FBF3E6
- FDF9F3
シェード
- CDAA6F
- AF915E
- 92784E
- 76613E
- 5B4A2E
- 42351F
- 292112
- 130E06
- 030201
トーン
- E1BD82
- D6B682
- CBAF83
- C0A983
- B5A283
- AA9B83
- 9F9482
- 958D82
- 8A8781
カラーハーモニー
補色 +180°
- ECC481
Gold Buff
- ADCCFF
≈ Night Snow
類似色 -30° +30°
- ECC481
Gold Buff
- FEB992
≈ Coral Wisp
- CED186
≈ Sunken Treasure
トライアド +120° +240°
- ECC481
Gold Buff
- 77DEE3
≈ Turkish Turquoise
- E7B7F2
≈ Lovecloud
スプリットコンプリメンタリー +150° +210°
- ECC481
Gold Buff
- 85D7FD
≈ Kul Sharif Blue
- C9C2FF
≈ Light Periwinkle
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.64:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.77:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--gold-buff: #ecc481;
--gold-buff-rgb: 236 196 129;
--gold-buff-oklch: oklch(0.84 0.096 79.8);
}
.element {
color: var(--gold-buff);
background-color: hsl(38 74% 72%);
border-color: oklch(0.84 0.096 79.8);
}Tailwind CSS v4
@theme {
--color-gold-buff: #ecc481;
--color-gold-buff-50: #fff3d7;
--color-gold-buff-100: #f8e5c4;
--color-gold-buff-200: #e9d1a6;
--color-gold-buff-300: #d0b37e;
--color-gold-buff-400: #bd985a;
--color-gold-buff-500: #a87e32;
--color-gold-buff-600: #8e6b2c;
--color-gold-buff-700: #725623;
--color-gold-buff-800: #553e17;
--color-gold-buff-900: #3b2b0f;
--color-gold-buff-950: #251803;
}SCSS
$gold-buff: #ecc481;
$gold-buff-rgb: 236, 196, 129;
$gold-buff-light: mix(#fff, $gold-buff, 20%);
$gold-buff-dark: mix(#000, $gold-buff, 20%);
.element {
color: $gold-buff;
box-shadow: 0 0 0 2px rgba($gold-buff, 0.35);
}