#C2D0FB

#C2D0FB

Color Values

HEX

#C2D0FB

RGB

194, 208, 251

HSL

225.3, 87.7%, 87.3%

HSV

225.3, 22.7%, 98.4%

CMYK

22.7%, 17.1%, 0.0%, 1.6%

OKLCH

0.8612 0.0618 270.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C2D0FB

#FBEDC2

Analogous

#C2EDFB

#D1C2FB

#C2D0FB

Triadic

#C2D0FB

#FBC2D0

#D0FBC2

Split Complementary

#C2D0FB

#FBD1C2

#EDFBC2

Tetradic

#C2D0FB

#FBC2ED

#FBEDC2

#C2FBD1

Color Blindness Simulation

Original

#C2D0FB

Protanopia

#C8C8F1

Deuteranopia

#C7C6EE

Tritanopia

#C3E8E7

Achromatopsia

#D0D0D0

CSS Usage

background-color: #C2D0FB;
color: #C2D0FB;
border-color: #C2D0FB;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BCCBFB
300
#8CA6F7
400
#4E76F3
500
#1046EF
600
#0D38BF
700
#0A2D99
800
#082378
900
#0A1D57
950
#061237

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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