#A7CBFA

#A7CBFA

Color Values

HEX

#A7CBFA

RGB

167, 203, 250

HSL

214.0, 89.2%, 81.8%

HSV

214.0, 33.2%, 98.0%

CMYK

33.2%, 18.8%, 0.0%, 2.0%

OKLCH

0.8324 0.0768 255.3

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#A7CBFA

#FAD6A7

Analogous

#A7F4FA

#ADA7FA

#A7CBFA

Triadic

#A7CBFA

#FAA7CB

#CBFAA7

Split Complementary

#A7CBFA

#FAADA7

#F4FAA7

Tetradic

#A7CBFA

#FAA7F4

#FAD6A7

#A7FAAD

Color Blindness Simulation

Original

#A7CBFA

Protanopia

#B7B7EF

Deuteranopia

#B4B2EC

Tritanopia

#A9E6E4

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EBFB
200
#BBD7FB
300
#8BBBF8
400
#4C95F5
500
#0E70F1
600
#0B5AC1
700
#09489A
800
#073879
900
#0A2B57
950
#061B37

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026