#B7DCEC

#B7DCEC

Color Values

HEX

#B7DCEC

RGB

183, 220, 236

HSL

198.1, 58.2%, 82.2%

HSV

198.1, 22.5%, 92.5%

CMYK

22.5%, 6.8%, 0.0%, 7.5%

OKLCH

0.873 0.0448 225.9

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#B7DCEC

#ECC7B7

Analogous

#B7ECE2

#B7C2EC

#B7DCEC

Triadic

#B7DCEC

#ECB7DC

#DCECB7

Split Complementary

#B7DCEC

#ECB7C2

#ECE2B7

Tetradic

#B7DCEC

#E2B7EC

#ECC7B7

#C2ECB7

Color Blindness Simulation

Original

#B7DCEC

Protanopia

#C7C7E8

Deuteranopia

#C5C2E7

Tritanopia

#B9E5E4

Achromatopsia

#D5D5D5

CSS Usage

background-color: #B7DCEC;
color: #B7DCEC;
border-color: #B7DCEC;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C7E4F0
300
#9ED0E5
400
#6AB6D8
500
#359DCA
600
#2B7EA1
700
#226481
800
#1B4E65
900
#173B4A
950
#0F252F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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