Nächste benannte Farbe · #785B00
#785B00
Nächste benannte Farbe: Coffee Adept
#785B00 (rgb(120 91 0), hsl(46 100% 24%), oklch(0.488 0.1 86.9)) liegt am nächsten an der benannten Farbe Coffee Adept. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#785B00
oklch(0.488 0.1 86.9)
Farbumrechnungen
- HEX
- #785b00
- RGB
- rgb(120 91 0)
- HSL
- hsl(46 100% 24%)
- HWB
- hwb(46 0% 53%)
- OKLCH
- oklch(0.488 0.1 86.9)
- OKLab
- oklab(0.488 0.005 0.1)
- CIE Lab
- lab(40.7 6.74 47.92)
- LCH
- lch(40.7 48.39 82)
- CMYK
- cmyk(0% 24% 100% 53%)
Tints · Shades · Tones
Tints
- 856B29
- 927A43
- 9F8A5A
- AC9A71
- BAAB88
- C7BBA0
- D5CCB7
- E3DDCF
- F1EEE7
Shades
- 674E00
- 574100
- 483500
- 392900
- 2A1E00
- 1D1300
- 100900
- 050300
- 010000
Tones
- 795F1B
- 7A632B
- 7B6738
- 7C6A43
- 7C6E4E
- 7D7258
- 7E7563
- 7F796C
- 7F7D76
Farbharmonien
Komplementär +180°
- 785B00
Coffee Adept
- 465D98
≈ Blue Dude
Analog -30° +30°
- 785B00
Coffee Adept
- 894F1E
≈ Plane Brown
- 5C6719
≈ Mud Green
Triadisch +120° +240°
- 785B00
Coffee Adept
- 006D78
≈ Carnival Night
- 7D4A7D
≈ Vibrant Orchid
Geteilt komplementär +150° +210°
- 785B00
Coffee Adept
- 136791
≈ Sea Blue
- 665291
≈ Fine Purple
Tetradisch +90° +180° +270°
- 785B00
Coffee Adept
- 00705F
≈ Falcon Turquoise
- 465D98
≈ Blue Dude
- 8B4661
≈ Violet Quartz
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.37:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--coffee-adept: #785b00;
--coffee-adept-rgb: 120 91 0;
--coffee-adept-oklch: oklch(0.488 0.1 86.9);
}
.element {
color: var(--coffee-adept);
background-color: hsl(46 100% 24%);
border-color: oklch(0.488 0.1 86.9);
}Tailwind CSS v4
@theme {
--color-coffee-adept: #785b00;
--color-coffee-adept-50: #fff4d5;
--color-coffee-adept-100: #f5e7c3;
--color-coffee-adept-200: #e5d3a4;
--color-coffee-adept-300: #ccb57c;
--color-coffee-adept-400: #b89b56;
--color-coffee-adept-500: #a3812b;
--color-coffee-adept-600: #896d26;
--color-coffee-adept-700: #6e581e;
--color-coffee-adept-800: #523f14;
--color-coffee-adept-900: #392c0d;
--color-coffee-adept-950: #241902;
}SCSS
$coffee-adept: #785b00;
$coffee-adept-rgb: 120, 91, 0;
$coffee-adept-light: mix(#fff, $coffee-adept, 20%);
$coffee-adept-dark: mix(#000, $coffee-adept, 20%);
.element {
color: $coffee-adept;
box-shadow: 0 0 0 2px rgba($coffee-adept, 0.35);
}