Nächste benannte Farbe · #936E5D
#936E5D
Nächste benannte Farbe: Chocolate Temptation
#936E5D (rgb(147 110 93), hsl(19 22% 47%), oklch(0.571 0.054 45.8)) liegt am nächsten an der benannten Farbe Chocolate Temptation. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#936E5D
oklch(0.571 0.054 45.8)
Farbumrechnungen
- HEX
- #936e5d
- RGB
- rgb(147 110 93)
- HSL
- hsl(19 22% 47%)
- HWB
- hwb(19 36% 42%)
- OKLCH
- oklch(0.571 0.054 45.8)
- OKLab
- oklab(0.571 0.038 0.039)
- CIE Lab
- lab(49.9 13.37 15.52)
- LCH
- lch(49.9 20.48 49.3)
- CMYK
- cmyk(0% 25% 37% 42%)
Tints · Shades · Tones
Tints
- 9E7C6C
- A8897B
- B3988B
- BEA69B
- C9B4AB
- D3C3BB
- DED2CC
- E9E1DD
- F4F0EE
Shades
- 7F5F50
- 6C5043
- 594137
- 47332A
- 36261F
- 251914
- 160E0A
- 080403
- 010100
Tones
- 917061
- 907264
- 8E7468
- 8C756B
- 8A776F
- 887972
- 867B76
- 847D79
- 827E7D
Farbharmonien
Komplementär +180°
- 936E5D
Chocolate Temptation
- 547F90
≈ Technical Blue
Analog -30° +30°
- 936E5D
Chocolate Temptation
- 956B6D
≈ Victorian Rose
- 8A7454
≈ Earthquake
Triadisch +120° +240°
- 936E5D
Chocolate Temptation
- 598270
≈ Frosty Spruce
- 747396
≈ Rhythm
Geteilt komplementär +150° +210°
- 936E5D
Chocolate Temptation
- 508282
≈ Rainier Blue
- 637997
≈ Chicory Flower
Tetradisch +90° +180° +270°
- 936E5D
Chocolate Temptation
- 6A7F5F
≈ Emerald City
- 547F90
≈ Technical Blue
- 846E8D
≈ Grey Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.62:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--chocolate-temptation: #936e5d;
--chocolate-temptation-rgb: 147 110 93;
--chocolate-temptation-oklch: oklch(0.571 0.054 45.8);
}
.element {
color: var(--chocolate-temptation);
background-color: hsl(19 22% 47%);
border-color: oklch(0.571 0.054 45.8);
}Tailwind CSS v4
@theme {
--color-chocolate-temptation: #936e5d;
--color-chocolate-temptation-50: #fff1e8;
--color-chocolate-temptation-100: #f8e3d9;
--color-chocolate-temptation-200: #e9cec1;
--color-chocolate-temptation-300: #d0b0a0;
--color-chocolate-temptation-400: #ba9584;
--color-chocolate-temptation-500: #a57b68;
--color-chocolate-temptation-600: #8b6959;
--color-chocolate-temptation-700: #705447;
--color-chocolate-temptation-800: #533d33;
--color-chocolate-temptation-900: #3a2a23;
--color-chocolate-temptation-950: #241712;
}SCSS
$chocolate-temptation: #936e5d;
$chocolate-temptation-rgb: 147, 110, 93;
$chocolate-temptation-light: mix(#fff, $chocolate-temptation, 20%);
$chocolate-temptation-dark: mix(#000, $chocolate-temptation, 20%);
.element {
color: $chocolate-temptation;
box-shadow: 0 0 0 2px rgba($chocolate-temptation, 0.35);
}