色名 · #EB9552
Bronze Cup
Bronze Cupは#EB9552：rgb(235 149 82)、hsl(26 79% 62%)、oklch(0.745 0.133 56.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Bronze Cup color name →
#EB9552
oklch(0.745 0.133 56.7)
カラー変換
- HEX
- #eb9552
- RGB
- rgb(235 149 82)
- HSL
- hsl(26 79% 62%)
- HWB
- hwb(26 32% 8%)
- OKLCH
- oklch(0.745 0.133 56.7)
- OKLab
- oklab(0.745 0.073 0.111)
- CIE Lab
- lab(69.85 28.96 48.72)
- LCH
- lch(69.85 56.68 59.3)
- CMYK
- cmyk(0% 37% 65% 8%)
ティント · シェード · トーン
ティント
- EEA065
- F1AB78
- F3B689
- F6C09A
- F8CBAB
- FAD5BC
- FBE0CD
- FDEADD
- FEF5EE
シェード
- CC8146
- AE6D3B
- 915A2F
- 754825
- 5B371A
- 412611
- 291608
- 130802
- 030100
トーン
- E09359
- D6925F
- CB9065
- C18E6A
- B68C6E
- AB8A72
- A18876
- 96857A
- 8B837D
カラーハーモニー
補色 +180°
- EB9552
Bronze Cup
- 49B8F5
≈ Megaman
類似色 -30° +30°
- EB9552
Bronze Cup
- F5897F
≈ Coral Pink
- D1A638
≈ Kingdom Gold
トライアド +120° +240°
- EB9552
Bronze Cup
- 23C7AA
≈ Jadeite
- B59AF6
≈ Dreamy Candy Forest
スプリットコンプリメンタリー +150° +210°
- EB9552
Bronze Cup
- 00C2D5
≈ The Crowd Roars!
- 87A9FF
≈ Fennel Flower
テトラード +90° +180° +270°
- EB9552
Bronze Cup
- 70C379
≈ Soft Green
- 49B8F5
≈ Megaman
- D88DD8
≈ Blush Essence
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.34:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.95:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--bronze-cup: #eb9552;
--bronze-cup-rgb: 235 149 82;
--bronze-cup-oklch: oklch(0.745 0.133 56.7);
}
.element {
color: var(--bronze-cup);
background-color: hsl(26 79% 62%);
border-color: oklch(0.745 0.133 56.7);
}Tailwind CSS v4
@theme {
--color-bronze-cup: #eb9552;
--color-bronze-cup-50: #ffedd0;
--color-bronze-cup-100: #ffdebd;
--color-bronze-cup-200: #ffc79c;
--color-bronze-cup-300: #eaa771;
--color-bronze-cup-400: #d9884a;
--color-bronze-cup-500: #c66b10;
--color-bronze-cup-600: #a75b13;
--color-bronze-cup-700: #864910;
--color-bronze-cup-800: #64340b;
--color-bronze-cup-900: #472307;
--color-bronze-cup-950: #2e1200;
}SCSS
$bronze-cup: #eb9552;
$bronze-cup-rgb: 235, 149, 82;
$bronze-cup-light: mix(#fff, $bronze-cup, 20%);
$bronze-cup-dark: mix(#000, $bronze-cup, 20%);
.element {
color: $bronze-cup;
box-shadow: 0 0 0 2px rgba($bronze-cup, 0.35);
}