Benannte Farbe · #93A79E
Lotus Leaf
Lotus Leaf ist #93A79E: rgb(147 167 158), hsl(153 10% 62%), oklch(0.71 0.026 166.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Lotus Leaf color name →
#93A79E
oklch(0.71 0.026 166.8)
Farbumrechnungen
- HEX
- #93a79e
- RGB
- rgb(147 167 158)
- HSL
- hsl(153 10% 62%)
- HWB
- hwb(153 58% 35%)
- OKLCH
- oklch(0.71 0.026 166.8)
- OKLab
- oklab(0.71 -0.025 0.006)
- CIE Lab
- lab(66.72 -8.61 2.18)
- LCH
- lch(66.72 8.88 165.8)
- CMYK
- cmyk(12% 0% 5% 35%)
Tints · Shades · Tones
Tints
- 9DAFA7
- A8B8B1
- B2C1BA
- BDC9C4
- C8D2CD
- D3DBD7
- DEE4E1
- E9EDEB
- F4F6F5
Shades
- 7F9189
- 6C7B74
- 596660
- 47524D
- 363E3A
- 252C29
- 161A18
- 080A09
- 010101
Tones
- 91A39B
- 8F9F98
- 8D9B95
- 8C9792
- 8A938F
- 888F8C
- 868C89
- 848886
- 828483
Farbharmonien
Komplementär +180°
- 93A79E
Lotus Leaf
- AE9BA5
≈ Laylock
Analog -30° +30°
- 93A79E
Lotus Leaf
- 9AA696
≈ Green Trellis
- 90A7A7
≈ In the Deep End
Triadisch +120° +240°
- 93A79E
Lotus Leaf
- A09FB1
≈ Santas Grey
- B09D94
≈ Bidwell Brown
Geteilt komplementär +150° +210°
- 93A79E
Lotus Leaf
- A89DAD
≈ Goose Wing Grey
- B19B9C
≈ Roaring Twenties
Tetradisch +90° +180° +270°
- 93A79E
Lotus Leaf
- 97A3B2
≈ Robotic Gods
- AE9BA5
≈ Laylock
- ABA090
≈ Taupe Tone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.26:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--lotus-leaf: #93a79e;
--lotus-leaf-rgb: 147 167 158;
--lotus-leaf-oklch: oklch(0.71 0.026 166.8);
}
.element {
color: var(--lotus-leaf);
background-color: hsl(153 10% 62%);
border-color: oklch(0.71 0.026 166.8);
}Tailwind CSS v4
@theme {
--color-lotus-leaf: #93a79e;
--color-lotus-leaf-50: #eef8f4;
--color-lotus-leaf-100: #e0ebe6;
--color-lotus-leaf-200: #cad8d2;
--color-lotus-leaf-300: #abbcb5;
--color-lotus-leaf-400: #91a49b;
--color-lotus-leaf-500: #778c82;
--color-lotus-leaf-600: #64766e;
--color-lotus-leaf-700: #505f58;
--color-lotus-leaf-800: #3a4540;
--color-lotus-leaf-900: #28302c;
--color-lotus-leaf-950: #161c19;
}SCSS
$lotus-leaf: #93a79e;
$lotus-leaf-rgb: 147, 167, 158;
$lotus-leaf-light: mix(#fff, $lotus-leaf, 20%);
$lotus-leaf-dark: mix(#000, $lotus-leaf, 20%);
.element {
color: $lotus-leaf;
box-shadow: 0 0 0 2px rgba($lotus-leaf, 0.35);
}