#94BDDD

#94BDDD

Color Values

HEX

#94BDDD

RGB

148, 189, 221

HSL

206.3, 51.8%, 72.4%

HSV

206.3, 33.0%, 86.7%

CMYK

33.0%, 14.5%, 0.0%, 13.3%

OKLCH

0.7799 0.0634 242.1

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#94BDDD

#DDB494

Analogous

#94DDD9

#9499DD

#94BDDD

Triadic

#94BDDD

#DD94BD

#BDDD94

Split Complementary

#94BDDD

#DD9499

#DDD994

Tetradic

#94BDDD

#D994DD

#DDB494

#99DD94

Color Blindness Simulation

Original

#94BDDD

Protanopia

#A6A6D5

Deuteranopia

#A3A0D3

Tritanopia

#96CFCE

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C9DEEE
300
#A2C6E2
400
#70A7D2
500
#3D88C2
600
#316D9B
700
#27577C
800
#1F4461
900
#1A3347
950
#10202D

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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