Najbliższy nazwany kolor · #B85D32
#B85D32
Najbliższy nazwany kolor: Boho Copper
#B85D32 (rgb(184 93 50), hsl(19 57% 46%), oklch(0.58 0.131 44.3)) jest najbliższy nazwanemu kolorowi Boho Copper. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B85D32
oklch(0.58 0.131 44.3)
Konwersje koloru
- HEX
- #b85d32
- RGB
- rgb(184 93 50)
- HSL
- hsl(19 57% 46%)
- HWB
- hwb(19 20% 28%)
- OKLCH
- oklch(0.58 0.131 44.3)
- OKLab
- oklab(0.58 0.093 0.091)
- CIE Lab
- lab(50.34 35.29 41.41)
- LCH
- lch(50.34 54.41 49.6)
- CMYK
- cmyk(0% 49% 73% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C06D48
- C97E5D
- D18E71
- D89E85
- DFAE99
- E6BEAD
- EDCEC1
- F3DED5
- F9EFEA
Odcienie ciemniejsze
- A0502A
- 884322
- 71371B
- 5B2A14
- 451F0D
- 311407
- 1E0A03
- 0C0301
- 020000
Tony
- B3623C
- AE6645
- A96A4E
- A46D56
- 9F715D
- 997464
- 93776C
- 8D7A72
- 877D79
Harmonie kolorów
Komplementarna +180°
- B85D32
Boho Copper
- 0087AA
≈ Tiny Bubbles
Analogowa -30° +30°
- B85D32
Boho Copper
- BA5562
≈ Hibiscus Flower
- A46D00
≈ Golden Hind
Triada +120° +240°
- B85D32
Boho Copper
- 009067
≈ Sea Swell
- 726DC4
≈ Purple Toolbox
Komplementarna rozszczepiona +150° +210°
- B85D32
Boho Copper
- 008C8C
≈ Marrs Green
- 3E7CC5
≈ Celestial Plum
Tetrada +90° +180° +270°
- B85D32
Boho Copper
- 588B34
≈ Indica
- 0087AA
≈ Tiny Bubbles
- 9660AF
≈ Lusty Lavender
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 {
--boho-copper: #b85d32;
--boho-copper-rgb: 184 93 50;
--boho-copper-oklch: oklch(0.58 0.131 44.3);
}
.element {
color: var(--boho-copper);
background-color: hsl(19 57% 46%);
border-color: oklch(0.58 0.131 44.3);
}Tailwind CSS v4
@theme {
--color-boho-copper: #b85d32;
--color-boho-copper-50: #ffebd6;
--color-boho-copper-100: #ffdbc4;
--color-boho-copper-200: #ffc4a5;
--color-boho-copper-300: #efa27d;
--color-boho-copper-400: #de845b;
--color-boho-copper-500: #cb6534;
--color-boho-copper-600: #ab562e;
--color-boho-copper-700: #8a4524;
--color-boho-copper-800: #67311a;
--color-boho-copper-900: #482111;
--color-boho-copper-950: #2f1004;
}SCSS
$boho-copper: #b85d32;
$boho-copper-rgb: 184, 93, 50;
$boho-copper-light: mix(#fff, $boho-copper, 20%);
$boho-copper-dark: mix(#000, $boho-copper, 20%);
.element {
color: $boho-copper;
box-shadow: 0 0 0 2px rgba($boho-copper, 0.35);
}