#7FBDEC

#7FBDEC

Color Values

HEX

#7FBDEC

RGB

127, 189, 236

HSL

205.9, 74.1%, 71.2%

HSV

205.9, 46.2%, 92.5%

CMYK

46.2%, 19.9%, 0.0%, 7.5%

OKLCH

0.7739 0.0929 242.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7FBDEC

#ECAE7F

Analogous

#7FECE5

#7F87EC

#7FBDEC

Triadic

#7FBDEC

#EC7FBD

#BDEC7F

Split Complementary

#7FBDEC

#EC7F87

#ECE57F

Tetradic

#7FBDEC

#E57FEC

#ECAE7F

#87EC7F

Color Blindness Simulation

Original

#7FBDEC

Protanopia

#9A9AE1

Deuteranopia

#9692DE

Tritanopia

#82D8D6

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1DFF6
300
#94C8EF
400
#5BAAE7
500
#218CDE
600
#1A70B2
700
#155A8E
800
#11466F
900
#103551
950
#0A2133

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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