Dichtstbijzijnde benoemde kleur · #BA5C31
#BA5C31
Dichtstbijzijnde benoemde kleur: Boho Copper
#BA5C31 (rgb(186 92 49), hsl(19 58% 46%), oklch(0.581 0.134 43.6)) komt het dichtst bij de benoemde kleur Boho Copper. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BA5C31
oklch(0.581 0.134 43.6)
Kleurconversies
- HEX
- #ba5c31
- RGB
- rgb(186 92 49)
- HSL
- hsl(19 58% 46%)
- HWB
- hwb(19 19% 27%)
- OKLCH
- oklch(0.581 0.134 43.6)
- OKLab
- oklab(0.581 0.097 0.092)
- CIE Lab
- lab(50.43 36.56 42.13)
- LCH
- lch(50.43 55.78 49.1)
- CMYK
- cmyk(0% 51% 74% 27%)
Tinten · Schaduwen · Tonen
Tinten
- C26D47
- CA7D5C
- D28D70
- D99D84
- E1AE98
- E7BEAC
- EECEC1
- F4DED5
- FAEFEA
Schaduwen
- A14F29
- 894222
- 72361A
- 5C2A13
- 461F0C
- 321406
- 1E0A03
- 0D0301
- 020000
Tonen
- B5613B
- B06545
- AB694D
- A56D55
- A0715D
- 9A7464
- 94776B
- 8E7A72
- 877D79
Kleurharmonieën
Complementair +180°
- BA5C31
Boho Copper
- 0088AA
≈ Tiny Bubbles
Analoog -30° +30°
- BA5C31
Boho Copper
- BC5463
≈ Hibiscus Flower
- A66D00
≈ Golden Hind
Triadisch +120° +240°
- BA5C31
Boho Copper
- 009166
≈ Viridian
- 726DC6
≈ Purple Toolbox
Gesplitst complementair +150° +210°
- BA5C31
Boho Copper
- 008D8B
≈ Corfu Shallows
- 3A7CC7
≈ Heirloom Hydrangea
Tetradisch +90° +180° +270°
- BA5C31
Boho Copper
- 588B30
≈ Fresh Onion
- 0088AA
≈ Tiny Bubbles
- 9760B2
≈ Lusty Lavender
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.50:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.66:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--boho-copper: #ba5c31;
--boho-copper-rgb: 186 92 49;
--boho-copper-oklch: oklch(0.581 0.134 43.6);
}
.element {
color: var(--boho-copper);
background-color: hsl(19 58% 46%);
border-color: oklch(0.581 0.134 43.6);
}Tailwind CSS v4
@theme {
--color-boho-copper: #ba5c31;
--color-boho-copper-50: #ffead6;
--color-boho-copper-100: #ffdbc3;
--color-boho-copper-200: #ffc3a4;
--color-boho-copper-300: #f1a17d;
--color-boho-copper-400: #df825a;
--color-boho-copper-500: #cd6433;
--color-boho-copper-600: #ad552c;
--color-boho-copper-700: #8b4423;
--color-boho-copper-800: #68301a;
--color-boho-copper-900: #492110;
--color-boho-copper-950: #301004;
}SCSS
$boho-copper: #ba5c31;
$boho-copper-rgb: 186, 92, 49;
$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);
}