Colore con nome più vicino · #E0825A
#E0825A
Colore con nome più vicino: Copper Coin
#E0825A (rgb(224 130 90), hsl(18 68% 62%), oklch(0.7 0.128 43.3)) è più vicino al colore con nome Copper Coin. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#E0825A
oklch(0.7 0.128 43.3)
Conversioni di colore
- HEX
- #e0825a
- RGB
- rgb(224 130 90)
- HSL
- hsl(18 68% 62%)
- HWB
- hwb(18 35% 12%)
- OKLCH
- oklch(0.7 0.128 43.3)
- OKLab
- oklab(0.7 0.093 0.088)
- CIE Lab
- lab(64.33 34.46 37.88)
- LCH
- lch(64.33 51.21 47.7)
- CMYK
- cmyk(0% 42% 60% 12%)
Tinte · Ombre · Toni
Tinte
- E48F6B
- E89C7C
- ECA88C
- F0B59C
- F3C1AD
- F6CDBD
- F9DACD
- FBE6DE
- FDF3EE
Ombre
- C3704D
- A65F41
- 8A4E35
- 703E29
- 562F1E
- 3E2013
- 271209
- 120603
- 020100
Toni
- D7825F
- CD8364
- C48368
- BB836C
- B18370
- A88373
- 9E8277
- 94827A
- 8A817D
Armonie di colore
Complementare +180°
- E0825A
Copper Coin
- 11AFD8
≈ Bright Cerulean
Analogo -30° +30°
- E0825A
Copper Coin
- E27B87
≈ Hot Gossip
- CE9134
≈ Fuel Yellow
Triadico +120° +240°
- E0825A
Copper Coin
- 3EB788
≈ Mint
- 9493EB
≈ Perrywinkle
Complementare divisa +150° +210°
- E0825A
Copper Coin
- 00B5B3
≈ Swagger
- 62A2EC
≈ Feather Star
Tetradico +90° +180° +270°
- E0825A
Copper Coin
- 7EAF59
≈ Arugula
- 11AFD8
≈ Bright Cerulean
- BB85D7
≈ Purception
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.51:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--copper-coin: #e0825a;
--copper-coin-rgb: 224 130 90;
--copper-coin-oklch: oklch(0.7 0.128 43.3);
}
.element {
color: var(--copper-coin);
background-color: hsl(18 68% 62%);
border-color: oklch(0.7 0.128 43.3);
}Tailwind CSS v4
@theme {
--color-copper-coin: #e0825a;
--color-copper-coin-50: #ffebd7;
--color-copper-coin-100: #ffdbc5;
--color-copper-coin-200: #ffc4a7;
--color-copper-coin-300: #efa280;
--color-copper-coin-400: #dd845e;
--color-copper-coin-500: #ca6538;
--color-copper-coin-600: #ab5631;
--color-copper-coin-700: #894527;
--color-copper-coin-800: #66311c;
--color-copper-coin-900: #482112;
--color-copper-coin-950: #2f1005;
}SCSS
$copper-coin: #e0825a;
$copper-coin-rgb: 224, 130, 90;
$copper-coin-light: mix(#fff, $copper-coin, 20%);
$copper-coin-dark: mix(#000, $copper-coin, 20%);
.element {
color: $copper-coin;
box-shadow: 0 0 0 2px rgba($copper-coin, 0.35);
}