Nächste benannte Farbe · #754E00
#754E00
Nächste benannte Farbe: Coffee Adept
#754E00 (rgb(117 78 0), hsl(40 100% 23%), oklch(0.456 0.096 75.8)) liegt am nächsten an der benannten Farbe Coffee Adept. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#754E00
oklch(0.456 0.096 75.8)
Farbumrechnungen
- HEX
- #754e00
- RGB
- rgb(117 78 0)
- HSL
- hsl(40 100% 23%)
- HWB
- hwb(40 0% 54%)
- OKLCH
- oklch(0.456 0.096 75.8)
- OKLab
- oklab(0.456 0.023 0.093)
- CIE Lab
- lab(36.78 12.7 45.25)
- LCH
- lch(36.78 47 74.3)
- CMYK
- cmyk(0% 33% 100% 54%)
Tints · Shades · Tones
Tints
- 825F26
- 906F40
- 9D8157
- AB926F
- B9A386
- C7B59D
- D5C7B5
- E3DACE
- F1ECE6
Shades
- 654300
- 553800
- 462D00
- 372300
- 291900
- 1C0F00
- 0F0700
- 050200
- 010000
Tones
- 765319
- 785828
- 795E35
- 7A6341
- 7B684C
- 7C6D57
- 7D7261
- 7E766B
- 7F7B76
Farbharmonien
Komplementär +180°
- 754E00
Coffee Adept
- 30588B
≈ Dark Cobalt Blue
Analog -30° +30°
- 754E00
Coffee Adept
- 824425
≈ Honey Garlic Beef
- 5E5903
≈ Greensboro
Triadisch +120° +240°
- 754E00
Coffee Adept
- 006465
≈ Really Teal
- 6B457B
≈ Palace Purple
Geteilt komplementär +150° +210°
- 754E00
Coffee Adept
- 00607C
≈ Blue-Collar
- 534E89
≈ Twilight
Tetradisch +90° +180° +270°
- 754E00
Coffee Adept
- 00674A
≈ Victoria Green
- 30588B
≈ Dark Cobalt Blue
- 7C3F62
≈ Magician’s Cloak
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.37:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.84:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--coffee-adept: #754e00;
--coffee-adept-rgb: 117 78 0;
--coffee-adept-oklch: oklch(0.456 0.096 75.8);
}
.element {
color: var(--coffee-adept);
background-color: hsl(40 100% 23%);
border-color: oklch(0.456 0.096 75.8);
}Tailwind CSS v4
@theme {
--color-coffee-adept: #754e00;
--color-coffee-adept-50: #fff2d7;
--color-coffee-adept-100: #fae5c5;
--color-coffee-adept-200: #ebd0a7;
--color-coffee-adept-300: #d3b27f;
--color-coffee-adept-400: #bf975b;
--color-coffee-adept-500: #aa7d34;
--color-coffee-adept-600: #906a2e;
--color-coffee-adept-700: #735424;
--color-coffee-adept-800: #563d19;
--color-coffee-adept-900: #3c2a10;
--color-coffee-adept-950: #261703;
}SCSS
$coffee-adept: #754e00;
$coffee-adept-rgb: 117, 78, 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);
}