#B8CDF0

#B8CDF0

Color Values

HEX

#B8CDF0

RGB

184, 205, 240

HSL

217,5, 65,1%, 83,1%

HSV

217,5, 23,3%, 94,1%

CMYK

23,3%, 14,6%, 0,0%, 5,9%

OKLCH

0,8441 0,0542 260,6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B8CDF0

#F0DBB8

Analogous

#B8E9F0

#BFB8F0

#B8CDF0

Triadic

#B8CDF0

#F0B8CD

#CDF0B8

Split Complementary

#B8CDF0

#F0BFB8

#E9F0B8

Tetradic

#B8CDF0

#F0B8E9

#F0DBB8

#B8F0BF

Color Blindness Simulation

Original

#B8CDF0

Protanopia

#C1C1E8

Deuteranopia

#C0BEE6

Tritanopia

#B9E1DF

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D5F3
300
#9AB8EA
400
#6391DE
500
#2C6BD3
600
#2455A8
700
#1C4487
800
#163569
900
#14294D
950
#0D1A31

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,03: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