Benannte Farbe · #B99D83
Au Lait Ole
Au Lait Ole ist #B99D83: rgb(185 157 131), hsl(29 28% 62%), oklch(0.714 0.049 64.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Au Lait Ole color name →
#B99D83
oklch(0.714 0.049 64.8)
Farbumrechnungen
- HEX
- #b99d83
- RGB
- rgb(185 157 131)
- HSL
- hsl(29 28% 62%)
- HWB
- hwb(29 51% 27%)
- OKLCH
- oklch(0.714 0.049 64.8)
- OKLab
- oklab(0.714 0.021 0.045)
- CIE Lab
- lab(66.78 7.79 17.7)
- LCH
- lch(66.78 19.34 66.2)
- CMYK
- cmyk(0% 15% 29% 27%)
Tints · Shades · Tones
Tints
- C0A68F
- C7B09B
- CEBAA7
- D5C3B3
- DCCDC0
- E3D7CC
- EAE1D9
- F1EBE5
- F8F5F2
Shades
- A08871
- 897360
- 715F4F
- 5B4C3F
- 463A2F
- 312820
- 1E1812
- 0D0906
- 020101
Tones
- B39A83
- AD9783
- A89483
- A29182
- 9C8F82
- 978C82
- 918981
- 8B8681
- 868380
Farbharmonien
Komplementär +180°
- B99D83
Au Lait Ole
- 8AA7C0
≈ Kaleidoscope
Analog -30° +30°
- B99D83
Au Lait Ole
- BF988E
≈ Pressed Blossoms
- ACA380
≈ Inglenook Olive
Triadisch +120° +240°
- B99D83
Au Lait Ole
- 80ADA7
≈ Green Room
- AA9CBC
≈ Purple Springs
Geteilt komplementär +150° +210°
- B99D83
Au Lait Ole
- 80ABB6
≈ Equanimity
- 99A1C2
≈ Midnight Blush
Tetradisch +90° +180° +270°
- B99D83
Au Lait Ole
- 8BAC95
≈ Peaslake
- 8AA7C0
≈ Kaleidoscope
- B798AF
≈ Cherished
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.21:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--au-lait-ole: #b99d83;
--au-lait-ole-rgb: 185 157 131;
--au-lait-ole-oklch: oklch(0.714 0.049 64.8);
}
.element {
color: var(--au-lait-ole);
background-color: hsl(29 28% 62%);
border-color: oklch(0.714 0.049 64.8);
}Tailwind CSS v4
@theme {
--color-au-lait-ole: #b99d83;
--color-au-lait-ole-50: #fff3e7;
--color-au-lait-ole-100: #f4e5d7;
--color-au-lait-ole-200: #e3d1bf;
--color-au-lait-ole-300: #c9b39d;
--color-au-lait-ole-400: #b39980;
--color-au-lait-ole-500: #9d8064;
--color-au-lait-ole-600: #856c55;
--color-au-lait-ole-700: #6b5644;
--color-au-lait-ole-800: #4f3f31;
--color-au-lait-ole-900: #372b21;
--color-au-lait-ole-950: #221910;
}SCSS
$au-lait-ole: #b99d83;
$au-lait-ole-rgb: 185, 157, 131;
$au-lait-ole-light: mix(#fff, $au-lait-ole, 20%);
$au-lait-ole-dark: mix(#000, $au-lait-ole, 20%);
.element {
color: $au-lait-ole;
box-shadow: 0 0 0 2px rgba($au-lait-ole, 0.35);
}