#4BA188

#4BA188

Color Values

HEX

#4BA188

RGB

75, 161, 136

HSL

162.6, 36.4%, 46.3%

HSV

162.6, 53.4%, 63.1%

CMYK

53.4%, 0.0%, 15.5%, 36.9%

OKLCH

0.6485 0.0921 171.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#4BA188

#A14B64

Analogous

#4BA15D

#4B8FA1

#4BA188

Triadic

#4BA188

#884BA1

#A1884B

Split Complementary

#4BA188

#A14B8F

#A15D4B

Tetradic

#4BA188

#5D4BA1

#A14B64

#8FA14B

Color Blindness Simulation

Original

#4BA188

Protanopia

#70718E

Deuteranopia

#6B6590

Tritanopia

#4F9394

Achromatopsia

#8D8D8D

CSS Usage

background-color: #4BA188;
color: #4BA188;
border-color: #4BA188;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8E1
300
#ACD8CB
400
#7EC3AF
500
#51AE93
600
#418B76
700
#346F5E
800
#295749
900
#214037
950
#152923

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026