Najbliższy nazwany kolor · #B85E15
#B85E15
Najbliższy nazwany kolor: Polished Copper
#B85E15 (rgb(184 94 21), hsl(27 80% 40%), oklch(0.579 0.14 52.7)) jest najbliższy nazwanemu kolorowi Polished Copper. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B85E15
oklch(0.579 0.14 52.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C06F36
- C97F4F
- D08F65
- D89F7B
- DFAF91
- E6BFA7
- EDCFBD
- F3DFD3
- F9EFE9
Odcienie ciemniejsze
- A05111
- 88440C
- 713708
- 5B2B05
- 451F03
- 311402
- 1E0A01
- 0C0300
- 020000
Tony
- B36229
- AE6736
- A96B42
- A46E4C
- 9F7256
- 99755F
- 937868
- 8D7B70
- 877D78
Harmonie kolorów
Komplementarna +180°
- B85E15
Polished Copper
- 0085B4
≈ Lucario Blue
Analogowa -30° +30°
- B85E15
Polished Copper
- BF5352
≈ Maple Red
- 9C7200
≈ Barbarian Leather
Triada +120° +240°
- B85E15
Polished Copper
- 008F73
≈ Observatory
- 7E67C4
≈ Lavish Spending
Komplementarna rozszczepiona +150° +210°
- B85E15
Polished Copper
- 008B94
≈ Tempo Teal
- 4C77CC
≈ Serenity’s Reign
Tetrada +90° +180° +270°
- B85E15
Polished Copper
- 418E3D
≈ Online Lime
- 0085B4
≈ Lucario Blue
- A05AAA
≈ Orchid Dottyback
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
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);
}