Greenblue Color — HEX, RGB, HSL & CMYK Codes

#23c48b
Format Value
HEX #23c48b
RGB rgb(35, 196, 139)
HSL hsl(158.8, 69.7%, 45.3%)
CMYK cmyk(82.1%, 0%, 29.1%, 23.1%)
HSV hsv(158.8, 82.1%, 76.9%)

greenblue color harmonies

Tints & shades of greenblue

Tints (lighter)

#37c996 #4bcfa0 #5fd4ab #73d9b5 #87dfc0 #9be4ca #afead5 #c3efdf #d7f4ea #ebfaf4

Shades (darker)

#20b27e #1da072 #198f65 #167d58 #136b4c #10593f #0d4733 #0a3526 #062419 #03120d

Contrast & accessibility

The quick brown fox

On white · 2.25:1 · Fail

The quick brown fox

On black · 9.34:1 · AAA

Recommended text color: #000000

Use greenblue in code

CSS color: #23c48b;
SCSS $color: #23c48b;
Tailwind bg-[#23c48b]
Swift UIColor(red: 0.137, green: 0.769, blue: 0.545, alpha: 1)
Android Color.parseColor("#23c48b")
Flutter Color(0xFF23C48B)

Colors similar to greenblue

Browse all Green colors →

What is the HEX code for greenblue?

The CSS color greenblue in HEX format is #23c48b. Use this value directly in CSS, SVG, and most design tools.

How do I use greenblue in CSS?

To apply greenblue in CSS:

  • Text color: color: #23c48b;
  • Background: background-color: #23c48b;
  • Border: border-color: #23c48b;

What are all the color format values for greenblue?

FormatValue
HEX#23c48b
RGBrgb(35, 196, 139)
HSLhsl(158.8, 69.7%, 45.3%)
CMYKcmyk(82.1%, 0%, 29.1%, 23.1%)

How do I convert greenblue to HEX?

Select greenblue from the color name list in our color converter. The HEX value — #23c48b — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does greenblue belong to?

greenblue belongs to the green color family. It is a medium, moderately saturated color with HSL values: hue 158.8°, saturation 69.7%, lightness 45.3%.

How do I create lighter and darker shades of greenblue?

Lighter variant (lightness 60.3%): #53e0ae. Darker variant (lightness 30.299999999999997%): #17835d. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.