Nazwany kolor · #9FC8B2
Lobaria Lichen
Lobaria Lichen to #9FC8B2: rgb(159 200 178), hsl(148 27% 70%), oklch(0.797 0.053 161.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Lobaria Lichen color name →
#9FC8B2
oklch(0.797 0.053 161.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A9CDB9
- B2D3C1
- BCD8C9
- C5DED0
- CFE3D8
- D8E9E0
- E2EEE7
- ECF4EF
- F5F9F7
Odcienie ciemniejsze
- 8AAE9A
- 759483
- 617B6D
- 4D6357
- 3B4C43
- 29362F
- 18211D
- 090F0C
- 010201
Tony
- 9CC1AD
- 99B9A8
- 96B2A3
- 93AB9E
- 90A399
- 8D9C94
- 8A958F
- 878E8A
- 838785
Harmonie kolorów
Komplementarna +180°
- 9FC8B2
Lobaria Lichen
- D6B0C7
≈ Private-Label Pink
Analogowa -30° +30°
- 9FC8B2
Lobaria Lichen
- B1C4A1
≈ Green Eggs & Cam
- 95C8C5
≈ Pastel Turquoise
Triada +120° +240°
- 9FC8B2
Lobaria Lichen
- B6B9DF
≈ Wish
- DCB2A3
≈ Cinnamon Whip
Komplementarna rozszczepiona +150° +210°
- 9FC8B2
Lobaria Lichen
- C8B4D6
≈ Elfin Herb
- DDAFB4
≈ Sakura
Tetrada +90° +180° +270°
- 9FC8B2
Lobaria Lichen
- A4C0DF
≈ September Aster
- D6B0C7
≈ Private-Label Pink
- D3B898
≈ Bruin Spice
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.84:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.37:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.37:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
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);
}