#94BCFC

#94BCFC

Color Values

HEX

#94BCFC

RGB

148, 188, 252

HSL

216.9, 94.5%, 78.4%

HSV

216.9, 41.3%, 98.8%

CMYK

41.3%, 25.4%, 0.0%, 1.2%

OKLCH

0.7905 0.1014 259.6

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#94BCFC

#FCD494

Analogous

#94F0FC

#A094FC

#94BCFC

Triadic

#94BCFC

#FC94BC

#BCFC94

Split Complementary

#94BCFC

#FCA094

#F0FC94

Tetradic

#94BCFC

#FC94F0

#FCD494

#94FCA0

Color Blindness Simulation

Original

#94BCFC

Protanopia

#A5A6ED

Deuteranopia

#A3A0E9

Tritanopia

#96E0DE

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD4FD
300
#88B4FC
400
#478CFA
500
#0764F8
600
#0650C6
700
#04409F
800
#04327C
900
#07275A
950
#051939

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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