#7FBDCA

#7FBDCA

Color Values

HEX

#7FBDCA

RGB

127, 189, 202

HSL

190.4, 41.4%, 64.5%

HSV

190.4, 37.1%, 79.2%

CMYK

37.1%, 6.4%, 0.0%, 20.8%

OKLCH

0.7609 0.0661 212.2

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7FBDCA

#CA8C7F

Analogous

#7FCAB1

#7F97CA

#7FBDCA

Triadic

#7FBDCA

#CA7FBD

#BDCA7F

Split Complementary

#7FBDCA

#CA7F97

#CAB17F

Tetradic

#7FBDCA

#B17FCA

#CA8C7F

#97CA7F

Color Blindness Simulation

Original

#7FBDCA

Protanopia

#9A9AC7

Deuteranopia

#9692C6

Tritanopia

#82C4C4

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5EA
300
#A8D2DB
400
#7ABAC8
500
#4BA2B4
600
#3C8290
700
#306873
800
#25515A
900
#1E3C43
950
#13262A

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.03:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026