#7FBEEE

#7FBEEE

Color Values

HEX

#7FBEEE

RGB

127, 190, 238

HSL

205.9, 76.6%, 71.6%

HSV

205.9, 46.6%, 93.3%

CMYK

46.6%, 20.2%, 0.0%, 6.7%

OKLCH

0.7769 0.0945 242.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7FBEEE

#EEAF7F

Analogous

#7FEEE6

#7F87EE

#7FBEEE

Triadic

#7FBEEE

#EE7FBE

#BEEE7F

Split Complementary

#7FBEEE

#EE7F87

#EEE67F

Tetradic

#7FBEEE

#E67FEE

#EEAF7F

#87EE7F

Color Blindness Simulation

Original

#7FBEEE

Protanopia

#9A9BE2

Deuteranopia

#9792E0

Tritanopia

#82D9D7

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0DFF7
300
#93C8F1
400
#58ABE9
500
#1E8DE1
600
#1871B4
700
#135A90
800
#0F4671
900
#0F3552
950
#0A2134

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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