Named color · #9FC8B2
Lobaria Lichen
Lobaria Lichen is #9FC8B2: rgb(159 200 178), hsl(148 27% 70%), oklch(0.797 0.053 161.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Lobaria Lichen color name →
#9FC8B2
oklch(0.797 0.053 161.5)
Color conversions
- HEX
- #9fc8b2
- RGB
- rgb(159 200 178)
- HSL
- hsl(148 27% 70%)
- HWB
- hwb(148 62% 22%)
- OKLCH
- oklch(0.797 0.053 161.5)
- OKLab
- oklab(0.797 -0.051 0.017)
- CIE Lab
- lab(77.17 -17.45 6.35)
- LCH
- lch(77.17 18.57 160)
- CMYK
- cmyk(21% 0% 11% 22%)
Tints · Shades · Tones
Tints
- A9CDB9
- B2D3C1
- BCD8C9
- C5DED0
- CFE3D8
- D8E9E0
- E2EEE7
- ECF4EF
- F5F9F7
Shades
- 8AAE9A
- 759483
- 617B6D
- 4D6357
- 3B4C43
- 29362F
- 18211D
- 090F0C
- 010201
Tones
- 9CC1AD
- 99B9A8
- 96B2A3
- 93AB9E
- 90A399
- 8D9C94
- 8A958F
- 878E8A
- 838785
Color harmonies
Complementary +180°
- 9FC8B2
Lobaria Lichen
- D6B0C7
≈ Private-Label Pink
Analogous -30° +30°
- 9FC8B2
Lobaria Lichen
- B1C4A1
≈ Green Eggs & Cam
- 95C8C5
≈ Pastel Turquoise
Triadic +120° +240°
- 9FC8B2
Lobaria Lichen
- B6B9DF
≈ Wish
- DCB2A3
≈ Cinnamon Whip
Split-complementary +150° +210°
- 9FC8B2
Lobaria Lichen
- C8B4D6
≈ Elfin Herb
- DDAFB4
≈ Sakura
Tetradic +90° +180° +270°
- 9FC8B2
Lobaria Lichen
- A4C0DF
≈ September Aster
- D6B0C7
≈ Private-Label Pink
- D3B898
≈ Bruin Spice
Contrast & accessibility
Ag
FailOn white
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.37:1 · APCA Lc 68
Best text color: #000000
WCAG 11.37:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--lobaria-lichen: #9fc8b2;
--lobaria-lichen-rgb: 159 200 178;
--lobaria-lichen-oklch: oklch(0.797 0.053 161.5);
}
.element {
color: var(--lobaria-lichen);
background-color: hsl(148 27% 70%);
border-color: oklch(0.797 0.053 161.5);
}Tailwind CSS v4
@theme {
--color-lobaria-lichen: #9fc8b2;
--color-lobaria-lichen-50: #e8faf1;
--color-lobaria-lichen-100: #d9eee3;
--color-lobaria-lichen-200: #c1dcce;
--color-lobaria-lichen-300: #9fc0b0;
--color-lobaria-lichen-400: #83a994;
--color-lobaria-lichen-500: #66927b;
--color-lobaria-lichen-600: #577b68;
--color-lobaria-lichen-700: #456353;
--color-lobaria-lichen-800: #32483c;
--color-lobaria-lichen-900: #223229;
--color-lobaria-lichen-950: #111e17;
}SCSS
$lobaria-lichen: #9fc8b2;
$lobaria-lichen-rgb: 159, 200, 178;
$lobaria-lichen-light: mix(#fff, $lobaria-lichen, 20%);
$lobaria-lichen-dark: mix(#000, $lobaria-lichen, 20%);
.element {
color: $lobaria-lichen;
box-shadow: 0 0 0 2px rgba($lobaria-lichen, 0.35);
}