#7FBFD8

#7FBFD8

Color Values

HEX

#7FBFD8

RGB

127, 191, 216

HSL

196.9, 53.3%, 67.3%

HSV

196.9, 41.2%, 84.7%

CMYK

41.2%, 11.6%, 0.0%, 15.3%

OKLCH

0.7704 0.0743 224.6

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#7FBFD8

#D8987F

Analogous

#7FD8C5

#7F93D8

#7FBFD8

Triadic

#7FBFD8

#D87FBF

#BFD87F

Split Complementary

#7FBFD8

#D87F93

#D8C57F

Tetradic

#7FBFD8

#C57FD8

#D8987F

#93D87F

Color Blindness Simulation

Original

#7FBFD8

Protanopia

#9B9BD2

Deuteranopia

#9792D0

Tritanopia

#82CDCC

Achromatopsia

#B3B3B3

CSS Usage

background-color: #7FBFD8;
color: #7FBFD8;
border-color: #7FBFD8;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F9FB
100
#E5F1F5
200
#C8E4EE
300
#A1D0E2
400
#6EB7D3
500
#3C9DC3
600
#307E9C
700
#26657D
800
#1E4F62
900
#193B48
950
#10252D

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.35:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026