OKLCH color value

oklch(0.68, 0.14, 155) Color Code

Inspect oklch(0.68, 0.14, 155) as a OKLCH color value and compare it with other supported color formats, conversions and analysis tools.

Preview

No color name

Parsed by engine

Current value

#3cb371

Open HEX

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

6.70

Passes AA for normal text

Element	AA	AAA
Small text	Pass	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.

OKLCH value

oklch(0.684, 0.144, 155)

OKLCH color codes

Color Conversion

Same color in multiple code formats.

Swatch	Code	Value	HTML/CSS
	HEX		#3cb371
	RGB		rgb(60 179 113)
	RGBA		rgba(60 179 113 / 1)
	HSL		hsl(147 49% 46%)
	HSLA		hsla(147 49% 46% / 1)
	CMYK		cmyk(66.48 0 36.87 29.8)
	LAB		lab(65.2716 -48.2182 24.2902)
	LCH		lch(65.2716 53.9908 153.26)
	OKLCH		oklch(0.684 0.144 155)

HEX

HTML/CSS

#3cb371

RGB

HTML/CSS

rgb(60 179 113)

RGBA

HTML/CSS

rgba(60 179 113 / 1)

HSL

HTML/CSS

hsl(147 49% 46%)

HSLA

HTML/CSS

hsla(147 49% 46% / 1)

CMYK

HTML/CSS

cmyk(66.48 0 36.87 29.8)

LAB

HTML/CSS

lab(65.2716 -48.2182 24.2902)

LCH

HTML/CSS

lch(65.2716 53.9908 153.26)

OKLCH

HTML/CSS

oklch(0.684 0.144 155)

Export formats

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

#3CB371

Design tokens

Tokens

Swatch	Format	Snippet
	CSS variable
	JSON token
	Tailwind config
	SCSS variable

CSS variable

Tokens

JSON token

Tokens

Tailwind config

Tokens

SCSS variable

Tokens

Web / frontend

Frontend

Swatch	Format	Snippet
	JavaScript
	TypeScript
	Inline style
	CSS class

JavaScript

Frontend

TypeScript

Frontend

Inline style

Frontend

CSS class

Frontend

Mobile / app

Mobile

Swatch	Format	Snippet
	Android XML
	SwiftUI
	Swift UIColor
	Kotlin
	Flutter
	React Native

Android XML

Mobile

SwiftUI

Mobile

Swift UIColor

Mobile

Kotlin

Mobile

Flutter

Mobile

React Native

Mobile

SVG / graphics

Graphics

Swatch	Format	Snippet
	SVG fill
	SVG stroke

SVG fill

Graphics

SVG stroke

Graphics

Color Variations

tint / shade

Tint

Lightened version

#73c899

Shade

Darkened version

#2e8856

Tone

Muted version

#4ba874

Monochrome

Single-hue family

#256e46

Meaning / Aesthetic / Framework

content ready

Meaning

Aesthetic

Framework

oklch(0.68, 0.14, 155) Color Code

Inspect oklch(0.68, 0.14, 155) as a OKLCH color value and compare it with other supported color formats, conversions and analysis tools.

3CB371

OKLCH color reference

This page shows oklch(0.684, 0.144, 155) as a OKLCH color value together with its equivalent HEX, RGB, HSL, CMYK, LAB, LCH and OKLCH representations.

Explore OKLCH and related color formats

Compare this color value across the other supported color models and open their dedicated format pages.

oklch(0.68, 0.14, 155) Color Code

Formats

Color Conversion

Export formats

Color Variations

Related content

Meaning / Aesthetic / Framework

oklch(0.68, 0.14, 155) Color Code

OKLCH color reference

Explore OKLCH and related color formats