Dichtstbijzijnde benoemde kleur · #B85C00
#B85C00
Dichtstbijzijnde benoemde kleur: Light Brown
#B85C00 (rgb(184 92 0), hsl(30 100% 36%), oklch(0.575 0.144 53.8)) komt het dichtst bij de benoemde kleur Light Brown. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B85C00
oklch(0.575 0.144 53.8)
Kleurconversies
- HEX
- #b85c00
- RGB
- rgb(184 92 0)
- HSL
- hsl(30 100% 36%)
- HWB
- hwb(30 0% 28%)
- OKLCH
- oklch(0.575 0.144 53.8)
- OKLab
- oklab(0.575 0.085 0.117)
- CIE Lab
- lab(49.9 34.86 58.73)
- LCH
- lch(49.9 68.29 59.3)
- CMYK
- cmyk(0% 50% 100% 28%)
Tinten · Schaduwen · Tonen
Tinten
- C06D2F
- C97D49
- D18E61
- D89E78
- DFAE8E
- E6BEA5
- EDCEBB
- F3DED1
- F9EFE8
Schaduwen
- A04F00
- 884200
- 713600
- 5B2A00
- 451F00
- 311400
- 1E0A00
- 0C0300
- 020000
Tonen
- B36120
- AE6530
- A9693D
- A46D49
- 9F7153
- 99745D
- 937766
- 8D7A6F
- 877D78
Kleurharmonieën
Complementair +180°
- B85C00
Light Brown
- 0083B4
≈ Lucario Blue
Analoog -30° +30°
- B85C00
Light Brown
- BF504E
≈ Maple Red
- 9A7100
≈ Sandy Taupe
Triadisch +120° +240°
- B85C00
Light Brown
- 008D74
≈ Industrial Turquoise
- 7F65C5
≈ Lavish Spending
Gesplitst complementair +150° +210°
- B85C00
Light Brown
- 008993
≈ Tuscana Blue
- 4C75CD
≈ Serenity’s Reign
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.59:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.56:1 · APCA Lc 30
Beste tekstkleur: #FFFFFF
WCAG 4.59:1 (AA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--light-brown: #b85c00;
--light-brown-rgb: 184 92 0;
--light-brown-oklch: oklch(0.575 0.144 53.8);
}
.element {
color: var(--light-brown);
background-color: hsl(30 100% 36%);
border-color: oklch(0.575 0.144 53.8);
}Tailwind CSS v4
@theme {
--color-light-brown: #b85c00;
--color-light-brown-50: #ffebce;
--color-light-brown-100: #ffdcba;
--color-light-brown-200: #ffc598;
--color-light-brown-300: #f0a36c;
--color-light-brown-400: #df8443;
--color-light-brown-500: #cd6500;
--color-light-brown-600: #ad5602;
--color-light-brown-700: #8b4505;
--color-light-brown-800: #683105;
--color-light-brown-900: #492104;
--color-light-brown-950: #301000;
}SCSS
$light-brown: #b85c00;
$light-brown-rgb: 184, 92, 0;
$light-brown-light: mix(#fff, $light-brown, 20%);
$light-brown-dark: mix(#000, $light-brown, 20%);
.element {
color: $light-brown;
box-shadow: 0 0 0 2px rgba($light-brown, 0.35);
}