Colore con nome più vicino · #B85E15
#B85E15
Colore con nome più vicino: Polished Copper
#B85E15 (rgb(184 94 21), hsl(27 80% 40%), oklch(0.579 0.14 52.7)) è più vicino al colore con nome Polished Copper. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B85E15
oklch(0.579 0.14 52.7)
Conversioni di colore
- HEX
- #b85e15
- RGB
- rgb(184 94 21)
- HSL
- hsl(27 80% 40%)
- HWB
- hwb(27 8% 28%)
- OKLCH
- oklch(0.579 0.14 52.7)
- OKLab
- oklab(0.579 0.085 0.111)
- CIE Lab
- lab(50.37 34.08 53.89)
- LCH
- lch(50.37 63.76 57.7)
- CMYK
- cmyk(0% 49% 89% 28%)
Tinte · Ombre · Toni
Tinte
- C06F36
- C97F4F
- D08F65
- D89F7B
- DFAF91
- E6BFA7
- EDCFBD
- F3DFD3
- F9EFE9
Ombre
- A05111
- 88440C
- 713708
- 5B2B05
- 451F03
- 311402
- 1E0A01
- 0C0300
- 020000
Toni
- B36229
- AE6736
- A96B42
- A46E4C
- 9F7256
- 99755F
- 937868
- 8D7B70
- 877D78
Armonie di colore
Complementare +180°
- B85E15
Polished Copper
- 0085B4
≈ Lucario Blue
Analogo -30° +30°
- B85E15
Polished Copper
- BF5352
≈ Maple Red
- 9C7200
≈ Barbarian Leather
Triadico +120° +240°
- B85E15
Polished Copper
- 008F73
≈ Observatory
- 7E67C4
≈ Lavish Spending
Complementare divisa +150° +210°
- B85E15
Polished Copper
- 008B94
≈ Tempo Teal
- 4C77CC
≈ Serenity’s Reign
Tetradico +90° +180° +270°
- B85E15
Polished Copper
- 418E3D
≈ Online Lime
- 0085B4
≈ Lucario Blue
- A05AAA
≈ Orchid Dottyback
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.64:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--polished-copper: #b85e15;
--polished-copper-rgb: 184 94 21;
--polished-copper-oklch: oklch(0.579 0.14 52.7);
}
.element {
color: var(--polished-copper);
background-color: hsl(27 80% 40%);
border-color: oklch(0.579 0.14 52.7);
}Tailwind CSS v4
@theme {
--color-polished-copper: #b85e15;
--color-polished-copper-50: #ffebd0;
--color-polished-copper-100: #ffdcbc;
--color-polished-copper-200: #ffc59b;
--color-polished-copper-300: #efa470;
--color-polished-copper-400: #de8549;
--color-polished-copper-500: #cb660f;
--color-polished-copper-600: #ac5713;
--color-polished-copper-700: #8a4610;
--color-polished-copper-800: #67310b;
--color-polished-copper-900: #492207;
--color-polished-copper-950: #2f1000;
}SCSS
$polished-copper: #b85e15;
$polished-copper-rgb: 184, 94, 21;
$polished-copper-light: mix(#fff, $polished-copper, 20%);
$polished-copper-dark: mix(#000, $polished-copper, 20%);
.element {
color: $polished-copper;
box-shadow: 0 0 0 2px rgba($polished-copper, 0.35);
}