#7FBFF5

#7FBFF5

Color Values

HEX

#7FBFF5

RGB

127, 191, 245

HSL

207.5, 85.5%, 72.9%

HSV

207.5, 48.2%, 96.1%

CMYK

48.2%, 22.0%, 0.0%, 3.9%

OKLCH

0.7821 0.1015 245.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#7FBFF5

#F5B57F

Analogous

#7FF5F0

#7F84F5

#7FBFF5

Triadic

#7FBFF5

#F57FBF

#BFF57F

Split Complementary

#7FBFF5

#F57F84

#F5F07F

Tetradic

#7FBFF5

#F07FF5

#F5B57F

#84F57F

Color Blindness Simulation

Original

#7FBFF5

Protanopia

#9B9BE8

Deuteranopia

#9792E5

Tritanopia

#82DEDB

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEFA
300
#8DC6F6
400
#50A7F1
500
#1289ED
600
#0F6DBD
700
#0C5797
800
#094476
900
#0B3456
950
#072136

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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