#4EB993

#4EB993

Color Values

HEX

#4EB993

RGB

78, 185, 147

HSL

158,7, 43,3%, 51,6%

HSV

158,7, 57,8%, 72,5%

CMYK

57,8%, 0,0%, 20,5%, 27,5%

OKLCH

0,7128 0,1143 166,8

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#4EB993

#B94E74

Analogous

#4EB95E

#4EAAB9

#4EB993

Triadic

#4EB993

#934EB9

#B9934E

Split Complementary

#4EB993

#B94EAA

#B95E4E

Tetradic

#4EB993

#5E4EB9

#B94E74

#AAB94E

Color Blindness Simulation

Original

#4EB993

Protanopia

#7C7D9C

Deuteranopia

#766E9E

Tritanopia

#53A3A5

Achromatopsia

#A0A0A0

CSS Usage

background-color: #4EB993;
color: #4EB993;
border-color: #4EB993;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F4EF
200
#CCEBE0
300
#A7DCC9
400
#78CAAC
500
#48B790
600
#3A9273
700
#2E755C
800
#245B48
900
#1E4336
950
#132B22

Contrast Checker

Text on white

2,42:1

AA Fail AAA Fail

Text on black

8,68:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026