Nächste benannte Farbe · #B75449
#B75449
Nächste benannte Farbe: Conker
#B75449 (rgb(183 84 73), hsl(6 43% 50%), oklch(0.568 0.131 28.3)) liegt am nächsten an der benannten Farbe Conker. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B75449
oklch(0.568 0.131 28.3)
Farbumrechnungen
- HEX
- #b75449
- RGB
- rgb(183 84 73)
- HSL
- hsl(6 43% 50%)
- HWB
- hwb(6 29% 28%)
- OKLCH
- oklch(0.568 0.131 28.3)
- OKLab
- oklab(0.568 0.115 0.062)
- CIE Lab
- lab(48.63 40.32 26.68)
- LCH
- lch(48.63 48.35 33.5)
- CMYK
- cmyk(0% 54% 60% 28%)
Tints · Shades · Tones
Tints
- C0665A
- C8776C
- D0887D
- D8988F
- E0A9A1
- E7BAB3
- EDCBC6
- F4DCD9
- F9EEEC
Shades
- 9F483E
- 873C34
- 70312A
- 5A2620
- 451B17
- 31110E
- 1E0806
- 0C0202
- 020000
Tones
- B25A4F
- AE5F55
- A9645A
- A46860
- 9F6D66
- 99716B
- 937570
- 8D7976
- 877C7B
Farbharmonien
Komplementär +180°
- B75449
Conker
- 008695
≈ Painted Sea
Analog -30° +30°
- B75449
Conker
- B25276
≈ Diva Glam
- AE600E
≈ Orange Brown
Triadisch +120° +240°
- B75449
Conker
- 348B48
≈ St. Patrick
- 5671C3
≈ Indigo Light
Geteilt komplementär +150° +210°
- B75449
Conker
- 008A77
≈ Emerald Enchantment
- 007FB8
≈ Meissen Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.79:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.37:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--conker: #b75449;
--conker-rgb: 183 84 73;
--conker-oklch: oklch(0.568 0.131 28.3);
}
.element {
color: var(--conker);
background-color: hsl(6 43% 50%);
border-color: oklch(0.568 0.131 28.3);
}Tailwind CSS v4
@theme {
--color-conker: #b75449;
--color-conker-50: #ffe8df;
--color-conker-100: #ffd8ce;
--color-conker-200: #ffc0b3;
--color-conker-300: #f39e8f;
--color-conker-400: #e17f72;
--color-conker-500: #ce5f53;
--color-conker-600: #ae5147;
--color-conker-700: #8c4138;
--color-conker-800: #682e29;
--color-conker-900: #491f1c;
--color-conker-950: #300e0c;
}SCSS
$conker: #b75449;
$conker-rgb: 183, 84, 73;
$conker-light: mix(#fff, $conker, 20%);
$conker-dark: mix(#000, $conker, 20%);
.element {
color: $conker;
box-shadow: 0 0 0 2px rgba($conker, 0.35);
}