#C7D2F0

#C7D2F0

Color Values

HEX

#C7D2F0

RGB

199, 210, 240

HSL

223.9, 57.7%, 86.1%

HSV

223.9, 17.1%, 94.1%

CMYK

17.1%, 12.5%, 0.0%, 5.9%

OKLCH

0.8649 0.0433 269.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C7D2F0

#F0E5C7

Analogous

#C7E7F0

#D1C7F0

#C7D2F0

Triadic

#C7D2F0

#F0C7D2

#D2F0C7

Split Complementary

#C7D2F0

#F0D1C7

#E7F0C7

Tetradic

#C7D2F0

#F0C7E7

#F0E5C7

#C7F0D1

Color Blindness Simulation

Original

#C7D2F0

Protanopia

#CCCCE9

Deuteranopia

#CBCAE7

Tritanopia

#C8E3E2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #C7D2F0;
color: #C7D2F0;
border-color: #C7D2F0;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F6FB
100
#E4E9F6
200
#C7D2F0
300
#9EB1E5
400
#6A87D7
500
#365DC9
600
#2B4BA1
700
#233C81
800
#1B2F65
900
#17254A
950
#0F172E

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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