Cor nomeada mais próxima · #DB855A
#DB855A
Cor nomeada mais próxima: Copper Coin
#DB855A (rgb(219 133 90), hsl(20 64% 61%), oklch(0.699 0.121 46.7)) é mais próxima da cor nomeada Copper Coin. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DB855A
oklch(0.699 0.121 46.7)
Conversões de cor
- HEX
- #db855a
- RGB
- rgb(219 133 90)
- HSL
- hsl(20 64% 61%)
- HWB
- hwb(20 35% 14%)
- OKLCH
- oklch(0.699 0.121 46.7)
- OKLab
- oklab(0.699 0.083 0.088)
- CIE Lab
- lab(64.32 30.95 37.68)
- LCH
- lch(64.32 48.76 50.6)
- CMYK
- cmyk(0% 39% 59% 14%)
Tons claros · Sombras · Tons
Tons claros
- E0916B
- E49E7C
- E8AA8C
- ECB69C
- F0C2AD
- F4CEBD
- F7DACD
- FAE7DE
- FDF3EE
Sombras
- BE734D
- A26141
- 875035
- 6D4029
- 54301E
- 3C2113
- 261309
- 110603
- 020100
Tons
- D2855F
- C98564
- C18568
- B8846C
- AF8470
- A68373
- 9C8377
- 93827A
- 8A817D
Harmonias de cor
Complementar +180°
- DB855A
Copper Coin
- 32ADD8
≈ Highlighter Blue
Análoga -30° +30°
- DB855A
Copper Coin
- DF7D83
≈ Peach Blossom
- C8933C
≈ Alameda Ochre
Tríade +120° +240°
- DB855A
Copper Coin
- 41B68E
≈ Mint
- 9992E5
≈ Perrywinkle
Complementar dividida +150° +210°
- DB855A
Copper Coin
- 00B4B7
≈ Cyan Sky
- 6BA0E8
≈ Feather Star
Tétrade +90° +180° +270°
- DB855A
Copper Coin
- 7AAF62
≈ Arugula
- 32ADD8
≈ Highlighter Blue
- BC86D0
≈ Purception
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.51:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--copper-coin: #db855a;
--copper-coin-rgb: 219 133 90;
--copper-coin-oklch: oklch(0.699 0.121 46.7);
}
.element {
color: var(--copper-coin);
background-color: hsl(20 64% 61%);
border-color: oklch(0.699 0.121 46.7);
}Tailwind CSS v4
@theme {
--color-copper-coin: #db855a;
--color-copper-coin-50: #ffecd8;
--color-copper-coin-100: #ffddc5;
--color-copper-coin-200: #ffc6a7;
--color-copper-coin-300: #eaa580;
--color-copper-coin-400: #d9875e;
--color-copper-coin-500: #c66939;
--color-copper-coin-600: #a75a31;
--color-copper-coin-700: #864827;
--color-copper-coin-800: #64331c;
--color-copper-coin-900: #462312;
--color-copper-coin-950: #2d1105;
}SCSS
$copper-coin: #db855a;
$copper-coin-rgb: 219, 133, 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);
}