Adlandırılmış renk · #EB9552
Bronze Cup
Bronze Cup, #EB9552: rgb(235 149 82), hsl(26 79% 62%), oklch(0.745 0.133 56.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Bronze Cup color name →
#EB9552
oklch(0.745 0.133 56.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEA065
- F1AB78
- F3B689
- F6C09A
- F8CBAB
- FAD5BC
- FBE0CD
- FDEADD
- FEF5EE
Koyu tonlar
- CC8146
- AE6D3B
- 915A2F
- 754825
- 5B371A
- 412611
- 291608
- 130802
- 030100
Gri tonlar
- E09359
- D6925F
- CB9065
- C18E6A
- B68C6E
- AB8A72
- A18876
- 96857A
- 8B837D
Renk uyumları
Tamamlayıcı +180°
- EB9552
Bronze Cup
- 49B8F5
≈ Megaman
Analog -30° +30°
- EB9552
Bronze Cup
- F5897F
≈ Coral Pink
- D1A638
≈ Kingdom Gold
Üçlü +120° +240°
- EB9552
Bronze Cup
- 23C7AA
≈ Jadeite
- B59AF6
≈ Dreamy Candy Forest
Bölünmüş tamamlayıcı +150° +210°
- EB9552
Bronze Cup
- 00C2D5
≈ The Crowd Roars!
- 87A9FF
≈ Fennel Flower
Dörtlü +90° +180° +270°
- EB9552
Bronze Cup
- 70C379
≈ Soft Green
- 49B8F5
≈ Megaman
- D88DD8
≈ Blush Essence
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.34:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.95:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
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);
}