#4EAEC1

#4EAEC1

Color Values

HEX

#4EAEC1

RGB

78, 174, 193

HSL

189.9, 48.1%, 53.1%

HSV

189.9, 59.6%, 75.7%

CMYK

59.6%, 9.8%, 0.0%, 24.3%

OKLCH

0.7009 0.0935 212.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4EAEC1

#C1614E

Analogous

#4EC19A

#4E74C1

#4EAEC1

Triadic

#4EAEC1

#C14EAE

#AEC14E

Split Complementary

#4EAEC1

#C14E74

#C19A4E

Tetradic

#4EAEC1

#9A4EC1

#C1614E

#74C14E

Color Blindness Simulation

Original

#4EAEC1

Protanopia

#7878BC

Deuteranopia

#726BBB

Tritanopia

#53B9B8

Achromatopsia

#9B9B9B

CSS Usage

background-color: #4EAEC1;
color: #4EAEC1;
border-color: #4EAEC1;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CAE7EC
300
#A4D6DF
400
#73BFCE
500
#42A9BD
600
#358797
700
#2A6C79
800
#21545E
900
#1B3F45
950
#11272C

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.15: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