Nächste benannte Farbe · #B75F08
#B75F08
Nächste benannte Farbe: Light Brown
#B75F08 (rgb(183 95 8), hsl(30 92% 37%), oklch(0.579 0.14 55.2)) liegt am nächsten an der benannten Farbe Light Brown. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B75F08
oklch(0.579 0.14 55.2)
Farbumrechnungen
- HEX
- #b75f08
- RGB
- rgb(183 95 8)
- HSL
- hsl(30 92% 37%)
- HWB
- hwb(30 3% 28%)
- OKLCH
- oklch(0.579 0.14 55.2)
- OKLab
- oklab(0.579 0.08 0.115)
- CIE Lab
- lab(50.4 33.01 57.15)
- LCH
- lch(50.4 66 60)
- CMYK
- cmyk(0% 48% 96% 28%)
Tints · Shades · Tones
Tints
- BF6F31
- C87F4B
- D08F63
- D79F79
- DEAF8F
- E5BFA6
- ECCFBC
- F3DFD2
- F9EFE8
Shades
- 9F5206
- 874404
- 703803
- 5A2C02
- 452001
- 311501
- 1E0A00
- 0C0300
- 020000
Tones
- B26323
- AD6733
- A86B3F
- A36F4A
- 9E7254
- 98755E
- 937867
- 8D7B6F
- 877E78
Farbharmonien
Komplementär +180°
- B75F08
Light Brown
- 0084B8
≈ Lucario Blue
Analog -30° +30°
- B75F08
Light Brown
- BF534E
≈ Maple Red
- 9A7300
≈ Glazed Chestnut
Triadisch +120° +240°
- B75F08
Light Brown
- 008E76
≈ Observatory
- 8166C3
≈ Lavish Spending
Geteilt komplementär +150° +210°
- B75F08
Light Brown
- 008A96
≈ Zuni
- 5175CC
≈ Indigo Light
Tetradisch +90° +180° +270°
- B75F08
Light Brown
- 398F41
≈ Park Picnic
- 0084B8
≈ Lucario Blue
- A359A7
≈ Orchid Dottyback
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--light-brown: #b75f08;
--light-brown-rgb: 183 95 8;
--light-brown-oklch: oklch(0.579 0.14 55.2);
}
.element {
color: var(--light-brown);
background-color: hsl(30 92% 37%);
border-color: oklch(0.579 0.14 55.2);
}Tailwind CSS v4
@theme {
--color-light-brown: #b75f08;
--color-light-brown-50: #ffeccf;
--color-light-brown-100: #ffddbb;
--color-light-brown-200: #ffc699;
--color-light-brown-300: #eea56d;
--color-light-brown-400: #dd8645;
--color-light-brown-500: #ca6800;
--color-light-brown-600: #ab5807;
--color-light-brown-700: #894608;
--color-light-brown-800: #673206;
--color-light-brown-900: #482205;
--color-light-brown-950: #2f1100;
}SCSS
$light-brown: #b75f08;
$light-brown-rgb: 183, 95, 8;
$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);
}