#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026