Nächste benannte Farbe · #BA856E
#BA856E
Nächste benannte Farbe: Ludicrous Lemming
#BA856E (rgb(186 133 110), hsl(18 36% 58%), oklch(0.663 0.074 44.4)) liegt am nächsten an der benannten Farbe Ludicrous Lemming. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BA856E
oklch(0.663 0.074 44.4)
Farbumrechnungen
- HEX
- #ba856e
- RGB
- rgb(186 133 110)
- HSL
- hsl(18 36% 58%)
- HWB
- hwb(18 43% 27%)
- OKLCH
- oklch(0.663 0.074 44.4)
- OKLab
- oklab(0.663 0.053 0.052)
- CIE Lab
- lab(60.5 18.84 20.93)
- LCH
- lch(60.5 28.16 48)
- CMYK
- cmyk(0% 28% 41% 27%)
Tints · Shades · Tones
Tints
- C1917C
- C89D8A
- D0A998
- D7B5A6
- DEC1B5
- E4CDC3
- EBD9D2
- F2E6E1
- F8F2F0
Shades
- A1735F
- 896150
- 725041
- 5C4033
- 463026
- 322119
- 1E130E
- 0D0604
- 020101
Tones
- B48570
- AF8472
- A98474
- A38476
- 9E8378
- 988379
- 92827B
- 8C817D
- 86817E
Farbharmonien
Komplementär +180°
- BA856E
Ludicrous Lemming
- 5E9DB5
≈ Yacht Blue
Analog -30° +30°
- BA856E
Ludicrous Lemming
- BC8185
≈ Baker Rose
- AE8D60
≈ Alpha Gold
Triadisch +120° +240°
- BA856E
Ludicrous Lemming
- 67A287
≈ Sea Lettuce
- 8E8DBF
≈ Sweet Lavender
Geteilt komplementär +150° +210°
- BA856E
Ludicrous Lemming
- 58A2A1
≈ Teal Bayou
- 7496C0
≈ Denver River
Tetradisch +90° +180° +270°
- BA856E
Ludicrous Lemming
- 809E70
≈ Amulet
- 5E9DB5
≈ Yacht Blue
- A486B3
≈ Daylight Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.66:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--ludicrous-lemming: #ba856e;
--ludicrous-lemming-rgb: 186 133 110;
--ludicrous-lemming-oklch: oklch(0.663 0.074 44.4);
}
.element {
color: var(--ludicrous-lemming);
background-color: hsl(18 36% 58%);
border-color: oklch(0.663 0.074 44.4);
}Tailwind CSS v4
@theme {
--color-ludicrous-lemming: #ba856e;
--color-ludicrous-lemming-50: #ffefe4;
--color-ludicrous-lemming-100: #fee1d4;
--color-ludicrous-lemming-200: #f0cbba;
--color-ludicrous-lemming-300: #d8ac98;
--color-ludicrous-lemming-400: #c4917b;
--color-ludicrous-lemming-500: #af765d;
--color-ludicrous-lemming-600: #94644f;
--color-ludicrous-lemming-700: #77503f;
--color-ludicrous-lemming-800: #583a2e;
--color-ludicrous-lemming-900: #3e281f;
--color-ludicrous-lemming-950: #27160f;
}SCSS
$ludicrous-lemming: #ba856e;
$ludicrous-lemming-rgb: 186, 133, 110;
$ludicrous-lemming-light: mix(#fff, $ludicrous-lemming, 20%);
$ludicrous-lemming-dark: mix(#000, $ludicrous-lemming, 20%);
.element {
color: $ludicrous-lemming;
box-shadow: 0 0 0 2px rgba($ludicrous-lemming, 0.35);
}