Cor nomeada mais próxima · #875523
#875523
Cor nomeada mais próxima: Precious Copper
#875523 (rgb(135 85 35), hsl(30 59% 33%), oklch(0.496 0.093 62.5)) é mais próxima da cor nomeada Precious Copper. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#875523
oklch(0.496 0.093 62.5)
Conversões de cor
- HEX
- #875523
- RGB
- rgb(135 85 35)
- HSL
- hsl(30 59% 33%)
- HWB
- hwb(30 14% 47%)
- OKLCH
- oklch(0.496 0.093 62.5)
- OKLab
- oklab(0.496 0.043 0.082)
- CIE Lab
- lab(41.22 18.03 36.99)
- LCH
- lch(41.22 41.15 64)
- CMYK
- cmyk(0% 37% 74% 47%)
Tons claros · Sombras · Tons
Tons claros
- 93653A
- 9F7550
- AB8665
- B7977A
- C3A790
- CFB9A5
- DBCABB
- E7DBD2
- F3EDE8
Sombras
- 75491D
- 633D17
- 513111
- 41260C
- 311C07
- 211104
- 130801
- 060200
- 010000
Tons
- 875A2F
- 865E39
- 866343
- 86674C
- 856B55
- 84705E
- 837467
- 82786F
- 817C78
Harmonias de cor
Complementar +180°
- 875523
Precious Copper
- 2B6892
≈ Starry Night
Análoga -30° +30°
- 875523
Precious Copper
- 8F4D3F
≈ Burled Redwood
- 756016
≈ Brassy Brass
Tríade +120° +240°
- 875523
Precious Copper
- 007266
≈ Pharaoh’s Gem
- 6C548E
≈ Pure Mauve
Complementar dividida +150° +210°
- 875523
Precious Copper
- 006F7F
≈ Coastal Jetty
- 505E97
≈ Royal Marquis
Tétrade +90° +180° +270°
- 875523
Precious Copper
- 337148
≈ Parsley Sprig
- 2B6892
≈ Starry Night
- 814D79
≈ Graphic Grape
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.26:1 · APCA Lc 81
Ag
FailSobre preto
WCAG 3.35:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--precious-copper: #875523;
--precious-copper-rgb: 135 85 35;
--precious-copper-oklch: oklch(0.496 0.093 62.5);
}
.element {
color: var(--precious-copper);
background-color: hsl(30 59% 33%);
border-color: oklch(0.496 0.093 62.5);
}Tailwind CSS v4
@theme {
--color-precious-copper: #875523;
--color-precious-copper-50: #fff0da;
--color-precious-copper-100: #ffe2c8;
--color-precious-copper-200: #f1cdac;
--color-precious-copper-300: #d9ae86;
--color-precious-copper-400: #c69264;
--color-precious-copper-500: #b27840;
--color-precious-copper-600: #966538;
--color-precious-copper-700: #78512c;
--color-precious-copper-800: #5a3a1f;
--color-precious-copper-900: #3f2814;
--color-precious-copper-950: #281606;
}SCSS
$precious-copper: #875523;
$precious-copper-rgb: 135, 85, 35;
$precious-copper-light: mix(#fff, $precious-copper, 20%);
$precious-copper-dark: mix(#000, $precious-copper, 20%);
.element {
color: $precious-copper;
box-shadow: 0 0 0 2px rgba($precious-copper, 0.35);
}