#6EB48F

#6EB48F

Color Values

HEX

#6EB48F

RGB

110, 180, 143

HSL

148,3, 31,8%, 56,9%

HSV

148,3, 38,9%, 70,6%

CMYK

38,9%, 0,0%, 20,6%, 29,4%

OKLCH

0,713 0,0899 159,9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#6EB48F

#B46E93

Analogous

#70B46E

#6EB4B2

#6EB48F

Triadic

#6EB48F

#8F6EB4

#B48F6E

Split Complementary

#6EB48F

#B26EB4

#B46E70

Tetradic

#6EB48F

#6E70B4

#B46E93

#B4B26E

Color Blindness Simulation

Original

#6EB48F

Protanopia

#8C8D98

Deuteranopia

#88839A

Tritanopia

#729FA1

Achromatopsia

#A2A2A2

CSS Usage

background-color: #6EB48F;
color: #6EB48F;
border-color: #6EB48F;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DB
300
#AED5C1
400
#83BF9F
500
#57A87D
600
#468664
700
#386C50
800
#2B543F
900
#233E30
950
#16271E

Contrast Checker

Text on white

2,45:1

AA Fail AAA Fail

Text on black

8,59:1

AA Pass AAA Pass

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