#94BBDD

#94BBDD

Color Values

HEX

#94BBDD

RGB

148, 187, 221

HSL

207.9, 51.8%, 72.4%

HSV

207.9, 33.0%, 86.7%

CMYK

33.0%, 15.4%, 0.0%, 13.3%

OKLCH

0.7757 0.0644 245.1

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#94BBDD

#DDB694

Analogous

#94DDDB

#9497DD

#94BBDD

Triadic

#94BBDD

#DD94BB

#BBDD94

Split Complementary

#94BBDD

#DD9497

#DDDB94

Tetradic

#94BBDD

#DB94DD

#DDB694

#97DD94

Color Blindness Simulation

Original

#94BBDD

Protanopia

#A5A5D5

Deuteranopia

#A3A0D3

Tritanopia

#96CECD

Achromatopsia

#B5B5B5

CSS Usage

background-color: #94BBDD;
color: #94BBDD;
border-color: #94BBDD;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F8FB
100
#E5EEF5
200
#C9DDEE
300
#A2C4E2
400
#70A4D2
500
#3D84C2
600
#316A9B
700
#27557C
800
#1F4261
900
#1A3247
950
#10202D

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026