Benannte Farbe · #A38A83
Light Caramel
Light Caramel ist #A38A83: rgb(163 138 131), hsl(13 15% 58%), oklch(0.654 0.032 36.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Caramel color name →
#A38A83
oklch(0.654 0.032 36.2)
Farbumrechnungen
- HEX
- #a38a83
- RGB
- rgb(163 138 131)
- HSL
- hsl(13 15% 58%)
- HWB
- hwb(13 51% 36%)
- OKLCH
- oklch(0.654 0.032 36.2)
- OKLab
- oklab(0.654 0.026 0.019)
- CIE Lab
- lab(59.66 8.91 7.46)
- LCH
- lch(59.66 11.62 39.9)
- CMYK
- cmyk(0% 15% 20% 36%)
Tints · Shades · Tones
Tints
- AC958F
- B5A09B
- BEACA7
- C7B7B3
- D0C3BF
- DACFCC
- E3DBD8
- ECE7E5
- F6F3F2
Shades
- 8D7771
- 786560
- 63534F
- 4F423F
- 3C322F
- 2A2220
- 191412
- 0A0706
- 010101
Tones
- A08983
- 9C8882
- 998782
- 958682
- 928582
- 8E8481
- 8B8381
- 878281
- 848180
Farbharmonien
Komplementär +180°
- A38A83
Light Caramel
- 7B969D
≈ Kingfisher Grey
Analog -30° +30°
- A38A83
Light Caramel
- A3898D
≈ Tin Pink
- 9E8D7C
≈ Silver Mink
Triadisch +120° +240°
- A38A83
Light Caramel
- 819788
≈ Paradise Found
- 8B8FA5
≈ Dusty Heather
Geteilt komplementär +150° +210°
- A38A83
Light Caramel
- 7B9793
≈ Green Granite
- 8193A3
≈ Dusty Blue
Tetradisch +90° +180° +270°
- A38A83
Light Caramel
- 8B947F
≈ Aloe Tip
- 7B969D
≈ Kingfisher Grey
- 958CA0
≈ Gentle Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.22:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.52:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--light-caramel: #a38a83;
--light-caramel-rgb: 163 138 131;
--light-caramel-oklch: oklch(0.654 0.032 36.2);
}
.element {
color: var(--light-caramel);
background-color: hsl(13 15% 58%);
border-color: oklch(0.654 0.032 36.2);
}Tailwind CSS v4
@theme {
--color-light-caramel: #a38a83;
--color-light-caramel-50: #fef2ef;
--color-light-caramel-100: #f2e4e0;
--color-light-caramel-200: #e1d0ca;
--color-light-caramel-300: #c7b2ac;
--color-light-caramel-400: #b09891;
--color-light-caramel-500: #9a7f78;
--color-light-caramel-600: #826c65;
--color-light-caramel-700: #685651;
--color-light-caramel-800: #4d3f3b;
--color-light-caramel-900: #352b28;
--color-light-caramel-950: #211816;
}SCSS
$light-caramel: #a38a83;
$light-caramel-rgb: 163, 138, 131;
$light-caramel-light: mix(#fff, $light-caramel, 20%);
$light-caramel-dark: mix(#000, $light-caramel, 20%);
.element {
color: $light-caramel;
box-shadow: 0 0 0 2px rgba($light-caramel, 0.35);
}