Dichtstbijzijnde benoemde kleur · #754F00
#754F00
Dichtstbijzijnde benoemde kleur: Coffee Adept
#754F00 (rgb(117 79 0), hsl(41 100% 23%), oklch(0.458 0.096 76.9)) komt het dichtst bij de benoemde kleur Coffee Adept. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#754F00
oklch(0.458 0.096 76.9)
Kleurconversies
- HEX
- #754f00
- RGB
- rgb(117 79 0)
- HSL
- hsl(41 100% 23%)
- HWB
- hwb(41 0% 54%)
- OKLCH
- oklch(0.458 0.096 76.9)
- OKLab
- oklab(0.458 0.022 0.093)
- CIE Lab
- lab(37.05 12.13 45.42)
- LCH
- lch(37.05 47.01 75)
- CMYK
- cmyk(0% 32% 100% 54%)
Tinten · Schaduwen · Tonen
Tinten
- 826026
- 907040
- 9D8158
- AB936F
- B9A486
- C7B69E
- D5C8B5
- E3DACE
- F1ECE6
Schaduwen
- 654400
- 553800
- 462E00
- 372300
- 291900
- 1C1000
- 0F0700
- 050200
- 010000
Tonen
- 765419
- 785929
- 795E35
- 7A6341
- 7B684C
- 7C6D57
- 7D7261
- 7E776C
- 7F7B76
Kleurharmonieën
Complementair +180°
- 754F00
Coffee Adept
- 32588C
≈ Dark Cobalt Blue
Analoog -30° +30°
- 754F00
Coffee Adept
- 824424
≈ Honey Garlic Beef
- 5E5A05
≈ Greensboro
Triadisch +120° +240°
- 754F00
Coffee Adept
- 006466
≈ Really Teal
- 6D457B
≈ Palace Purple
Gesplitst complementair +150° +210°
- 754F00
Coffee Adept
- 00617D
≈ Jamaican Dream
- 544E8A
≈ Bright Eggplant
Tetradisch +90° +180° +270°
- 754F00
Coffee Adept
- 00684C
≈ Victoria Green
- 32588C
≈ Dark Cobalt Blue
- 7D3F62
≈ Magician’s Cloak
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 7.30:1 · APCA Lc 85
Ag
FailOp zwart
WCAG 2.87:1 · APCA Lc 17
Beste tekstkleur: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 85
Contrast pairs
Codefragmenten
CSS
:root {
--coffee-adept: #754f00;
--coffee-adept-rgb: 117 79 0;
--coffee-adept-oklch: oklch(0.458 0.096 76.9);
}
.element {
color: var(--coffee-adept);
background-color: hsl(41 100% 23%);
border-color: oklch(0.458 0.096 76.9);
}Tailwind CSS v4
@theme {
--color-coffee-adept: #754f00;
--color-coffee-adept-50: #fff3d7;
--color-coffee-adept-100: #fae5c5;
--color-coffee-adept-200: #ebd0a7;
--color-coffee-adept-300: #d2b27f;
--color-coffee-adept-400: #be975b;
--color-coffee-adept-500: #aa7d33;
--color-coffee-adept-600: #8f6a2d;
--color-coffee-adept-700: #735524;
--color-coffee-adept-800: #563d18;
--color-coffee-adept-900: #3c2a10;
--color-coffee-adept-950: #261703;
}SCSS
$coffee-adept: #754f00;
$coffee-adept-rgb: 117, 79, 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);
}