Nazwany kolor · #9895C5
Litmus
Litmus to #9895C5: rgb(152 149 197), hsl(244 29% 68%), oklch(0.69 0.07 287.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Litmus color name →
#9895C5
oklch(0.69 0.07 287.3)
Konwersje koloru
- HEX
- #9895c5
- RGB
- rgb(152 149 197)
- HSL
- hsl(244 29% 68%)
- HWB
- hwb(244 58% 23%)
- OKLCH
- oklch(0.69 0.07 287.3)
- OKLab
- oklab(0.69 0.021 -0.067)
- CIE Lab
- lab(63.27 8.94 -24.55)
- LCH
- lch(63.27 26.13 290)
- CMYK
- cmyk(23% 24% 0% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A29FCB
- ACAAD1
- B6B4D7
- C0BFDD
- CAC9E2
- D4D4E8
- DFDEEE
- E9E9F4
- F4F4F9
Odcienie ciemniejsze
- 8481AB
- 706D92
- 5C5A79
- 4A4861
- 38374B
- 272635
- 171621
- 08080E
- 010102
Tony
- 9693BE
- 9391B7
- 918FB0
- 8E8DA9
- 8C8BA2
- 89899C
- 878795
- 85848E
- 828287
Harmonie kolorów
Komplementarna +180°
- 9895C5
Litmus
- A09F6B
≈ Dry Grass
Analogowa -30° +30°
- 9895C5
Litmus
- 809DC7
≈ Caribbean Sky
- AD8EB8
≈ Young Prince
Triada +120° +240°
- 9895C5
Litmus
- C08E76
≈ Copper Lake
- 70AA92
≈ Dublin Jack
Komplementarna rozszczepiona +150° +210°
- 9895C5
Litmus
- B49669
≈ Tapestry Gold
- 87A67B
≈ Greyish Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.82:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.44:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--litmus: #9895c5;
--litmus-rgb: 152 149 197;
--litmus-oklch: oklch(0.69 0.07 287.3);
}
.element {
color: var(--litmus);
background-color: hsl(244 29% 68%);
border-color: oklch(0.69 0.07 287.3);
}Tailwind CSS v4
@theme {
--color-litmus: #9895c5;
--color-litmus-50: #f4f2ff;
--color-litmus-100: #e7e5ff;
--color-litmus-200: #d3d0f1;
--color-litmus-300: #b6b2da;
--color-litmus-400: #9b99c6;
--color-litmus-500: #837fb3;
--color-litmus-600: #6f6c97;
--color-litmus-700: #595679;
--color-litmus-800: #403f5a;
--color-litmus-900: #2c2b3f;
--color-litmus-950: #191928;
}SCSS
$litmus: #9895c5;
$litmus-rgb: 152, 149, 197;
$litmus-light: mix(#fff, $litmus, 20%);
$litmus-dark: mix(#000, $litmus, 20%);
.element {
color: $litmus;
box-shadow: 0 0 0 2px rgba($litmus, 0.35);
}