#7BACFA

#7BACFA

Color Values

HEX

#7BACFA

RGB

123, 172, 250

HSL

216.9, 92.7%, 73.1%

HSV

216.9, 50.8%, 98.0%

CMYK

50.8%, 31.2%, 0.0%, 2.0%

OKLCH

0.7418 0.1252 259.4

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#7BACFA

#FAC97B

Analogous

#7BEBFA

#897BFA

#7BACFA

Triadic

#7BACFA

#FA7BAC

#ACFA7B

Split Complementary

#7BACFA

#FA897B

#EBFA7B

Tetradic

#7BACFA

#FA7BEB

#FAC97B

#7BFA89

Color Blindness Simulation

Original

#7BACFA

Protanopia

#9091E7

Deuteranopia

#8D8AE3

Tritanopia

#7DD8D5

Achromatopsia

#A7A7A7

CSS Usage

background-color: #7BACFA;
color: #7BACFA;
border-color: #7BACFA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FC
300
#89B5FB
400
#498DF8
500
#0964F6
600
#0750C5
700
#06409D
800
#05327B
900
#082759
950
#051938

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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