Nächste benannte Farbe · #95703C
#95703C
Nächste benannte Farbe: Caramelised Pecan
#95703C (rgb(149 112 60), hsl(35 43% 41%), oklch(0.571 0.083 74.1)) liegt am nächsten an der benannten Farbe Caramelised Pecan. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#95703C
oklch(0.571 0.083 74.1)
Farbumrechnungen
- HEX
- #95703c
- RGB
- rgb(149 112 60)
- HSL
- hsl(35 43% 41%)
- HWB
- hwb(35 24% 42%)
- OKLCH
- oklch(0.571 0.083 74.1)
- OKLab
- oklab(0.571 0.023 0.08)
- CIE Lab
- lab(50.19 10.64 34.43)
- LCH
- lch(50.19 36.04 72.8)
- CMYK
- cmyk(0% 25% 60% 42%)
Tints · Shades · Tones
Tints
- 9F7E50
- AA8B63
- B49976
- BFA789
- CAB69C
- D4C4B0
- DFD3C3
- E9E1D7
- F4F0EB
Shades
- 816033
- 6D512A
- 5A4321
- 483519
- 372711
- 261A0A
- 160E04
- 080401
- 010100
Tones
- 937244
- 91744C
- 8F7553
- 8D775A
- 8B7961
- 897A67
- 877C6E
- 857D74
- 827F7A
Farbharmonien
Komplementär +180°
- 95703C
Caramelised Pecan
- 547AA8
≈ Vinca
Analog -30° +30°
- 95703C
Caramelised Pecan
- A1674E
≈ Verminlord Hide
- 807A3C
≈ Evening Green
Triadisch +120° +240°
- 95703C
Caramelised Pecan
- 2C8786
≈ Thai Teal
- 8A699A
≈ Viola Grey
Geteilt komplementär +150° +210°
- 95703C
Caramelised Pecan
- 37829C
≈ Dirty Blue
- 7271A7
≈ Mountain Flower Mauve
Tetradisch +90° +180° +270°
- 95703C
Caramelised Pecan
- 43876A
≈ Mallard Green
- 547AA8
≈ Vinca
- 9B6384
≈ Raspberry Jelly Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.66:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--caramelised-pecan: #95703c;
--caramelised-pecan-rgb: 149 112 60;
--caramelised-pecan-oklch: oklch(0.571 0.083 74.1);
}
.element {
color: var(--caramelised-pecan);
background-color: hsl(35 43% 41%);
border-color: oklch(0.571 0.083 74.1);
}Tailwind CSS v4
@theme {
--color-caramelised-pecan: #95703c;
--color-caramelised-pecan-50: #fff3db;
--color-caramelised-pecan-100: #f8e5ca;
--color-caramelised-pecan-200: #e9d0ad;
--color-caramelised-pecan-300: #d0b288;
--color-caramelised-pecan-400: #bc9766;
--color-caramelised-pecan-500: #a77e43;
--color-caramelised-pecan-600: #8d6a3a;
--color-caramelised-pecan-700: #71552e;
--color-caramelised-pecan-800: #543d20;
--color-caramelised-pecan-900: #3b2a15;
--color-caramelised-pecan-950: #251807;
}SCSS
$caramelised-pecan: #95703c;
$caramelised-pecan-rgb: 149, 112, 60;
$caramelised-pecan-light: mix(#fff, $caramelised-pecan, 20%);
$caramelised-pecan-dark: mix(#000, $caramelised-pecan, 20%);
.element {
color: $caramelised-pecan;
box-shadow: 0 0 0 2px rgba($caramelised-pecan, 0.35);
}