#7EADBA

#7EADBA

Color Values

HEX

#7EADBA

RGB

126, 173, 186

HSL

193.0, 30.3%, 61.2%

HSV

193.0, 32.3%, 72.9%

CMYK

32.3%, 7.0%, 0.0%, 27.1%

OKLCH

0.7186 0.0534 216.7

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#7EADBA

#BA8B7E

Analogous

#7EBAA9

#7E8FBA

#7EADBA

Triadic

#7EADBA

#BA7EAD

#ADBA7E

Split Complementary

#7EADBA

#BA7E8F

#BAA97E

Tetradic

#7EADBA

#A97EBA

#BA8B7E

#8FBA7E

Color Blindness Simulation

Original

#7EADBA

Protanopia

#9293B7

Deuteranopia

#908CB6

Tritanopia

#80B4B4

Achromatopsia

#A4A4A4

CSS Usage

background-color: #7EADBA;
color: #7EADBA;
border-color: #7EADBA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E9F0F2
200
#D0E1E6
300
#AFCCD4
400
#84B1BD
500
#5995A6
600
#477885
700
#39606A
800
#2C4B53
900
#23383E
950
#162327

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026