Benannte Farbe · #B18775
Caramel Brown
Caramel Brown ist #B18775: rgb(177 135 117), hsl(18 28% 58%), oklch(0.659 0.058 44.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Caramel Brown color name →
#B18775
oklch(0.659 0.058 44.3)
Farbumrechnungen
- HEX
- #b18775
- RGB
- rgb(177 135 117)
- HSL
- hsl(18 28% 58%)
- HWB
- hwb(18 46% 31%)
- OKLCH
- oklch(0.659 0.058 44.3)
- OKLab
- oklab(0.659 0.042 0.041)
- CIE Lab
- lab(60.1 14.7 16.24)
- LCH
- lch(60.1 21.91 47.9)
- CMYK
- cmyk(0% 24% 34% 31%)
Tints · Shades · Tones
Tints
- B99382
- C19E8F
- C9AA9D
- D1B6AA
- D8C2B8
- E0CEC6
- E8DAD4
- F0E6E2
- F7F3F1
Shades
- 997565
- 836355
- 6C5146
- 574137
- 423129
- 2F211C
- 1C130F
- 0C0605
- 010101
Tones
- AC8676
- A78677
- A38579
- 9E857A
- 99847B
- 94837C
- 8F827D
- 8A827E
- 85817F
Farbharmonien
Komplementär +180°
- B18775
Caramel Brown
- 6A9AAD
≈ Cloudy Sea
Analog -30° +30°
- B18775
Caramel Brown
- B38487
≈ Retro Pink
- A78D6A
≈ Rodeo Roundup
Triadisch +120° +240°
- B18775
Caramel Brown
- 709E89
≈ Peahen
- 8D8EB5
≈ Persian Violet
Geteilt komplementär +150° +210°
- B18775
Caramel Brown
- 669D9C
≈ Canton
- 7A94B5
≈ Jay Wing Feathers
Tetradisch +90° +180° +270°
- B18775
Caramel Brown
- 839A76
≈ Fallout Grey
- 6A9AAD
≈ Cloudy Sea
- 9F88AB
≈ Saffron Blossom Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.18:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.59:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--caramel-brown: #b18775;
--caramel-brown-rgb: 177 135 117;
--caramel-brown-oklch: oklch(0.659 0.058 44.3);
}
.element {
color: var(--caramel-brown);
background-color: hsl(18 28% 58%);
border-color: oklch(0.659 0.058 44.3);
}Tailwind CSS v4
@theme {
--color-caramel-brown: #b18775;
--color-caramel-brown-50: #fff1e7;
--color-caramel-brown-100: #f9e2d8;
--color-caramel-brown-200: #eacdc0;
--color-caramel-brown-300: #d2af9f;
--color-caramel-brown-400: #bd9483;
--color-caramel-brown-500: #a77a67;
--color-caramel-brown-600: #8e6757;
--color-caramel-brown-700: #715345;
--color-caramel-brown-800: #543c32;
--color-caramel-brown-900: #3b2922;
--color-caramel-brown-950: #251711;
}SCSS
$caramel-brown: #b18775;
$caramel-brown-rgb: 177, 135, 117;
$caramel-brown-light: mix(#fff, $caramel-brown, 20%);
$caramel-brown-dark: mix(#000, $caramel-brown, 20%);
.element {
color: $caramel-brown;
box-shadow: 0 0 0 2px rgba($caramel-brown, 0.35);
}