#7FAEEE

#7FAEEE

Color Values

HEX

#7FAEEE

RGB

127, 174, 238

HSL

214.6, 76.6%, 71.6%

HSV

214.6, 46.6%, 93.3%

CMYK

46.6%, 26.9%, 0.0%, 6.7%

OKLCH

0.7426 0.1061 256.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#7FAEEE

#EEBF7F

Analogous

#7FE6EE

#887FEE

#7FAEEE

Triadic

#7FAEEE

#EE7FAE

#AEEE7F

Split Complementary

#7FAEEE

#EE887F

#E6EE7F

Tetradic

#7FAEEE

#EE7FE6

#EEBF7F

#7FEE88

Color Blindness Simulation

Original

#7FAEEE

Protanopia

#9394DF

Deuteranopia

#918DDB

Tritanopia

#81D2D0

Achromatopsia

#A9A9A9

CSS Usage

background-color: #7FAEEE;
color: #7FAEEE;
border-color: #7FAEEE;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FC
100
#E2EBF9
200
#C0D7F7
300
#93BBF1
400
#5896E9
500
#1E71E1
600
#185AB4
700
#134890
800
#0F3871
900
#0F2B52
950
#0A1B34

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026