Nazwany kolor · #86CDAB
Marooned
Marooned to #86CDAB: rgb(134 205 171), hsl(151 42% 66%), oklch(0.792 0.087 162.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Marooned color name →
#86CDAB
oklch(0.792 0.087 162.8)
Konwersje koloru
- HEX
- #86cdab
- RGB
- rgb(134 205 171)
- HSL
- hsl(151 42% 66%)
- HWB
- hwb(151 53% 20%)
- OKLCH
- oklch(0.792 0.087 162.8)
- OKLab
- oklab(0.792 -0.083 0.026)
- CIE Lab
- lab(77 -28.81 9.59)
- LCH
- lch(77 30.36 161.6)
- CMYK
- cmyk(35% 0% 17% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93D2B3
- 9FD7BB
- ACDCC4
- B8E1CC
- C4E6D4
- D0EBDD
- DCF0E5
- E7F5EE
- F3FAF6
Odcienie ciemniejsze
- 74B294
- 62987E
- 517E68
- 406654
- 304E40
- 21382D
- 13231B
- 060F0B
- 010201
Tony
- 86C5A7
- 86BDA2
- 86B59E
- 86AE9A
- 85A695
- 859E91
- 84978D
- 838F88
- 818884
Harmonie kolorów
Komplementarna +180°
- 86CDAB
Marooned
- E3A5CA
≈ Prettiest Pink
Analogowa -30° +30°
- 86CDAB
Marooned
- A6C88E
≈ Venerable Verde
- 73CDCA
≈ Tropical Splash
Triada +120° +240°
- 86CDAB
Marooned
- B3B4F2
≈ Purple Illusion
- EBA98F
≈ Aloha Sunset
Komplementarna rozszczepiona +150° +210°
- 86CDAB
Marooned
- CFABE3
≈ Tropical Violet
- EDA4AB
≈ Pinque
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.33:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--marooned: #86cdab;
--marooned-rgb: 134 205 171;
--marooned-oklch: oklch(0.792 0.087 162.8);
}
.element {
color: var(--marooned);
background-color: hsl(151 42% 66%);
border-color: oklch(0.792 0.087 162.8);
}Tailwind CSS v4
@theme {
--color-marooned: #86cdab;
--color-marooned-50: #dffeef;
--color-marooned-100: #cef2e1;
--color-marooned-200: #b3e1cb;
--color-marooned-300: #8dc6ac;
--color-marooned-400: #6daf90;
--color-marooned-500: #499875;
--color-marooned-600: #3f8163;
--color-marooned-700: #32674f;
--color-marooned-800: #244c38;
--color-marooned-900: #183527;
--color-marooned-950: #082015;
}SCSS
$marooned: #86cdab;
$marooned-rgb: 134, 205, 171;
$marooned-light: mix(#fff, $marooned, 20%);
$marooned-dark: mix(#000, $marooned, 20%);
.element {
color: $marooned;
box-shadow: 0 0 0 2px rgba($marooned, 0.35);
}