Skip to content
OKLCH / Medium Slate Blue

Medium Slate Blue in OKLCH

Medium Slate Blue in OKLCH: oklch(0.6, 0.19, 285.5). Compare HEX, RGB, HSL, CMYK, LAB, LCH and OKLCH.

Open color page
Medium Slate Blue
Canonical color page
Current value
oklch(0.6, 0.19, 285.5)
Canonical URL

Full breakdown

The same color in multiple formats.

Formats

The same color in different formats:

Foreground preview
WCAG contrast checker and foreground picker
Best auto foreground
Best contrast with dark
#0f172a
Auto-selects the strongest contrast against the current background.
Readable text preview
The quick brown fox jumps over the lazy dog.
Button preview
Contrast ratio
4.30
Passes only for large text
Element AA AAA
Small text Fail Fail
Large text Pass —
UI elements / graphics Pass N/A
AA for normal text is typically 4.5:1, AA for large text 3:1, AAA for normal text 7:1, and non-text UI elements typically 3:1.

Export formats

Ready-to-copy snippets for developers, apps, frameworks, and design systems.

#7B68EE
Design tokens
Tokens
CSS variable
Tokens
JSON token
Tokens
Tailwind config
Tokens
SCSS variable
Tokens
Web / frontend
Frontend
JavaScript
Frontend
TypeScript
Frontend
Inline style
Frontend
CSS class
Frontend
Mobile / app
Mobile
Android XML
Mobile
SwiftUI
Mobile
Swift UIColor
Mobile
Kotlin
Mobile
Flutter
Mobile
React Native
Mobile
SVG / graphics
Graphics
SVG fill
Graphics
SVG stroke
Graphics

Color Variations

tint / shade
Tint
Lightened version
#a092f3
Shade
Darkened version
#5d4fb5
Tone
Muted version
#7c6dd6
Monochrome
Single-hue family
#3719e1

Related content

auto-linked
Tags
Styles
Use cases
Palettes
Similar colors

Meaning / Aesthetic / Framework

content ready
Meaning
Aesthetic
Framework

More formats for Medium Slate Blue

HEX
Medium Slate Blue in HEX
RGB
Medium Slate Blue in RGB
RGBA
Medium Slate Blue in RGBA
HSL
Medium Slate Blue in HSL
HSLA
Medium Slate Blue in HSLA
CMYK
Medium Slate Blue in CMYK
LAB
Medium Slate Blue in LAB
LCH
Medium Slate Blue in LCH