最も近い色名 · #E7BA55
#E7BA55
最も近い色名: Oh My Gold
#E7BA55（rgb(231 186 85)、hsl(42 75% 62%)、oklch(0.81 0.129 85)）に最も近い色名はOh My Goldです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E7BA55
oklch(0.81 0.129 85)
カラー変換
- HEX
- #e7ba55
- RGB
- rgb(231 186 85)
- HSL
- hsl(42 75% 62%)
- HWB
- hwb(42 33% 9%)
- OKLCH
- oklch(0.81 0.129 85)
- OKLab
- oklab(0.81 0.011 0.128)
- CIE Lab
- lab(78.19 8.82 56.15)
- LCH
- lch(78.19 56.84 81.1)
- CMYK
- cmyk(0% 19% 63% 9%)
ティント · シェード · トーン
ティント
- EAC16A
- ECC87C
- EFCF8E
- F1D69F
- F3DDAF
- F6E4C0
- F8EBD0
- FAF2DF
- FDF8EF
シェード
- C9A149
- AB893D
- 8F7231
- 735C26
- 59461C
- 403211
- 281E08
- 130D02
- 030200
トーン
- DCB45D
- D2AF63
- C7A969
- BDA36D
- B29D72
- A89875
- 9E9278
- 948C7B
- 8A867E
カラーハーモニー
補色 +180°
- E7BA55
Oh My Gold
- A3C0FF
≈ Pastel Blue
類似色 -30° +30°
- E7BA55
Oh My Gold
- FFAA6F
≈ Salmon Buff
- BECB64
≈ Wild Willow
トライアド +120° +240°
- E7BA55
Oh My Gold
- 34D8E8
≈ Thousand Sons Blue
- EBA3EF
≈ VIC 20 Pink
スプリットコンプリメンタリー +150° +210°
- E7BA55
Oh My Gold
- 72CDFF
≈ Bubbly Barracuda
- C6B3FF
≈ Teasel Dipsacus
テトラード +90° +180° +270°
- E7BA55
Oh My Gold
- 4FDCBC
≈ Celestial Green
- A3C0FF
≈ Pastel Blue
- FF9FC5
≈ Taffy Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.55:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--oh-my-gold: #e7ba55;
--oh-my-gold-rgb: 231 186 85;
--oh-my-gold-oklch: oklch(0.81 0.129 85);
}
.element {
color: var(--oh-my-gold);
background-color: hsl(42 75% 62%);
border-color: oklch(0.81 0.129 85);
}Tailwind CSS v4
@theme {
--color-oh-my-gold: #e7ba55;
--color-oh-my-gold-50: #fff4cc;
--color-oh-my-gold-100: #fbe6b7;
--color-oh-my-gold-200: #ecd194;
--color-oh-my-gold-300: #d4b367;
--color-oh-my-gold-400: #c19836;
--color-oh-my-gold-500: #ad7d00;
--color-oh-my-gold-600: #926a00;
--color-oh-my-gold-700: #755500;
--color-oh-my-gold-800: #583d00;
--color-oh-my-gold-900: #3d2a00;
--color-oh-my-gold-950: #271700;
}SCSS
$oh-my-gold: #e7ba55;
$oh-my-gold-rgb: 231, 186, 85;
$oh-my-gold-light: mix(#fff, $oh-my-gold, 20%);
$oh-my-gold-dark: mix(#000, $oh-my-gold, 20%);
.element {
color: $oh-my-gold;
box-shadow: 0 0 0 2px rgba($oh-my-gold, 0.35);
}