#94B8F2

#94B8F2

Color Values

HEX

#94B8F2

RGB

148, 184, 242

HSL

217.0, 78.3%, 76.5%

HSV

217.0, 38.8%, 94.9%

CMYK

38.8%, 24.0%, 0.0%, 5.1%

OKLCH

0.7778 0.0922 259.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#94B8F2

#F2CE94

Analogous

#94E7F2

#9F94F2

#94B8F2

Triadic

#94B8F2

#F294B8

#B8F294

Split Complementary

#94B8F2

#F29F94

#E7F294

Tetradic

#94B8F2

#F294E7

#F2CE94

#94F29F

Color Blindness Simulation

Original

#94B8F2

Protanopia

#A4A4E4

Deuteranopia

#A29FE1

Tritanopia

#96D9D6

Achromatopsia

#B5B5B5

CSS Usage

background-color: #94B8F2;
color: #94B8F2;
border-color: #94B8F2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#BFD5F7
300
#92B7F2
400
#578FEB
500
#1C68E3
600
#1653B6
700
#124391
800
#0E3472
900
#0E2853
950
#091A34

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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