Dichtstbijzijnde benoemde kleur · #8FB798
#8FB798
Dichtstbijzijnde benoemde kleur: Lichen
#8FB798 (rgb(143 183 152), hsl(134 22% 64%), oklch(0.742 0.062 151.5)) komt het dichtst bij de benoemde kleur Lichen. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8FB798
oklch(0.742 0.062 151.5)
Kleurconversies
- HEX
- #8fb798
- RGB
- rgb(143 183 152)
- HSL
- hsl(134 22% 64%)
- HWB
- hwb(134 56% 28%)
- OKLCH
- oklch(0.742 0.062 151.5)
- OKLab
- oklab(0.742 -0.054 0.029)
- CIE Lab
- lab(70.84 -18.66 11.23)
- LCH
- lch(70.84 21.78 149)
- CMYK
- cmyk(22% 0% 17% 28%)
Tinten · Schaduwen · Tonen
Tinten
- 9ABEA2
- A5C5AC
- B0CCB6
- BBD4C0
- C6DBCB
- D2E2D5
- DDE9DF
- E8F0EA
- F4F8F4
Schaduwen
- 7C9F84
- 698770
- 57705C
- 455A4A
- 344538
- 243127
- 151E17
- 070C08
- 010201
Tonen
- 8EB196
- 8CAC93
- 8BA691
- 8AA18E
- 889B8C
- 87968A
- 859087
- 838B85
- 828582
Kleurharmonieën
Complementair +180°
- 8FB798
Lichen
- C39DBD
≈ Lupine
Analoog -30° +30°
- 8FB798
Lichen
- A5B286
≈ Haven
- 7FB9AE
≈ Winter Surf
Triadisch +120° +240°
- 8FB798
Lichen
- 9DAAD3
≈ Tinted Lilac
- CF9D93
≈ Soft Sienna
Gesplitst complementair +150° +210°
- 8FB798
Lichen
- B2A3CD
≈ Milky Lavender
- CD9BA8
≈ Honey Pink
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.23:1 · APCA Lc 44
Ag
AAAOp zwart
WCAG 9.39:1 · APCA Lc 58
Beste tekstkleur: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Codefragmenten
CSS
:root {
--lichen: #8fb798;
--lichen-rgb: 143 183 152;
--lichen-oklch: oklch(0.742 0.062 151.5);
}
.element {
color: var(--lichen);
background-color: hsl(134 22% 64%);
border-color: oklch(0.742 0.062 151.5);
}Tailwind CSS v4
@theme {
--color-lichen: #8fb798;
--color-lichen-50: #e8fbed;
--color-lichen-100: #d9eede;
--color-lichen-200: #c1dcc8;
--color-lichen-300: #a0c1a9;
--color-lichen-400: #84a98c;
--color-lichen-500: #679272;
--color-lichen-600: #587c60;
--color-lichen-700: #46634d;
--color-lichen-800: #334937;
--color-lichen-900: #233225;
--color-lichen-950: #121e14;
}SCSS
$lichen: #8fb798;
$lichen-rgb: 143, 183, 152;
$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);
}