Benannte Farbe · #7D745E
Messenger Bag
Messenger Bag ist #7D745E: rgb(125 116 94), hsl(43 14% 43%), oklch(0.561 0.034 88.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Messenger Bag color name →
#7D745E
oklch(0.561 0.034 88.4)
Farbumrechnungen
- HEX
- #7d745e
- RGB
- rgb(125 116 94)
- HSL
- hsl(43 14% 43%)
- HWB
- hwb(43 37% 51%)
- OKLCH
- oklch(0.561 0.034 88.4)
- OKLab
- oklab(0.561 0.001 0.034)
- CIE Lab
- lab(49.21 0.78 13.53)
- LCH
- lch(49.21 13.56 86.7)
- CMYK
- cmyk(0% 7% 25% 51%)
Tints · Shades · Tones
Tints
- 89816D
- 968E7C
- A29C8C
- AFA99B
- BCB7AB
- C9C5BC
- D6D3CC
- E4E2DD
- F1F0EE
Shades
- 6C6451
- 5B5444
- 4B4537
- 3B372B
- 2C291F
- 1E1B14
- 110F0A
- 050503
- 010100
Tones
- 7D7561
- 7E7665
- 7E7868
- 7E796C
- 7F7A6F
- 7F7B73
- 7F7C76
- 7F7E79
- 807F7D
Farbharmonien
Komplementär +180°
- 7D745E
Messenger Bag
- 6C748A
≈ Blue Aura
Analog -30° +30°
- 7D745E
Messenger Bag
- 857061
≈ Whiskey Barrel
- 727861
≈ Deep Lichen Green
Triadisch +120° +240°
- 7D745E
Messenger Bag
- 5D7B7F
≈ North Atlantic
- 806E7F
≈ Splendiferous
Geteilt komplementär +150° +210°
- 7D745E
Messenger Bag
- 627887
≈ Tool Blue
- 777187
≈ Early Dawn
Tetradisch +90° +180° +270°
- 7D745E
Messenger Bag
- 5F7C75
≈ Forest Edge
- 6C748A
≈ Blue Aura
- 866D74
≈ Pomace Red
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.63:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.53:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--messenger-bag: #7d745e;
--messenger-bag-rgb: 125 116 94;
--messenger-bag-oklch: oklch(0.561 0.034 88.4);
}
.element {
color: var(--messenger-bag);
background-color: hsl(43 14% 43%);
border-color: oklch(0.561 0.034 88.4);
}Tailwind CSS v4
@theme {
--color-messenger-bag: #7d745e;
--color-messenger-bag-50: #f9f5ea;
--color-messenger-bag-100: #ece8db;
--color-messenger-bag-200: #dad4c4;
--color-messenger-bag-300: #beb7a4;
--color-messenger-bag-400: #a79e88;
--color-messenger-bag-500: #8f856d;
--color-messenger-bag-600: #79715c;
--color-messenger-bag-700: #615a49;
--color-messenger-bag-800: #484235;
--color-messenger-bag-900: #322d24;
--color-messenger-bag-950: #1e1a13;
}SCSS
$messenger-bag: #7d745e;
$messenger-bag-rgb: 125, 116, 94;
$messenger-bag-light: mix(#fff, $messenger-bag, 20%);
$messenger-bag-dark: mix(#000, $messenger-bag, 20%);
.element {
color: $messenger-bag;
box-shadow: 0 0 0 2px rgba($messenger-bag, 0.35);
}