Nächste benannte Farbe · #93B99C
#93B99C
Nächste benannte Farbe: Lichen
#93B99C (rgb(147 185 156), hsl(134 21% 65%), oklch(0.75 0.058 152)) liegt am nächsten an der benannten Farbe Lichen. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#93B99C
oklch(0.75 0.058 152)
Farbumrechnungen
- HEX
- #93b99c
- RGB
- rgb(147 185 156)
- HSL
- hsl(134 21% 65%)
- HWB
- hwb(134 58% 27%)
- OKLCH
- oklch(0.75 0.058 152)
- OKLab
- oklab(0.75 -0.051 0.027)
- CIE Lab
- lab(71.75 -17.65 10.38)
- LCH
- lch(71.75 20.48 149.5)
- CMYK
- cmyk(21% 0% 16% 27%)
Tints · Shades · Tones
Tints
- 9EC0A6
- A8C7AF
- B3CEB9
- BED5C3
- C8DCCD
- D3E3D7
- DEEAE1
- E9F1EB
- F4F8F5
Shades
- 7FA087
- 6C8973
- 59715F
- 475B4C
- 364639
- 253128
- 161E18
- 080D09
- 010201
Tones
- 91B399
- 90AD96
- 8EA894
- 8CA291
- 8A9C8E
- 88968B
- 869188
- 848B86
- 828683
Farbharmonien
Komplementär +180°
- 93B99C
Lichen
- C5A1BE
≈ Marsh Orchid
Analog -30° +30°
- 93B99C
Lichen
- A7B48B
≈ Haven
- 85BAB1
≈ Morning Green
Triadisch +120° +240°
- 93B99C
Lichen
- A1ACD4
≈ Mild Blue Yonder
- D0A197
≈ Evening Dress
Geteilt komplementär +150° +210°
- 93B99C
Lichen
- B4A6CD
≈ Wisteria-Wise
- CE9FAB
≈ Pink Ice
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.17:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.66:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.66:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--lichen: #93b99c;
--lichen-rgb: 147 185 156;
--lichen-oklch: oklch(0.75 0.058 152);
}
.element {
color: var(--lichen);
background-color: hsl(134 21% 65%);
border-color: oklch(0.75 0.058 152);
}Tailwind CSS v4
@theme {
--color-lichen: #93b99c;
--color-lichen-50: #e9faee;
--color-lichen-100: #daeedf;
--color-lichen-200: #c2dcc9;
--color-lichen-300: #a1c1aa;
--color-lichen-400: #85a98e;
--color-lichen-500: #699273;
--color-lichen-600: #597b62;
--color-lichen-700: #47634e;
--color-lichen-800: #344838;
--color-lichen-900: #233226;
--color-lichen-950: #121e14;
}SCSS
$lichen: #93b99c;
$lichen-rgb: 147, 185, 156;
$lichen-light: mix(#fff, $lichen, 20%);
$lichen-dark: mix(#000, $lichen, 20%);
.element {
color: $lichen;
box-shadow: 0 0 0 2px rgba($lichen, 0.35);
}