#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026