#94C4EB

#94C4EB

Color Values

HEX

#94C4EB

RGB

148, 196, 235

HSL

206.9, 68.5%, 75.1%

HSV

206.9, 37.0%, 92.2%

CMYK

37.0%, 16.6%, 0.0%, 7.8%

OKLCH

0.8003 0.0751 243.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#94C4EB

#EBBB94

Analogous

#94EBE7

#9499EB

#94C4EB

Triadic

#94C4EB

#EB94C4

#C4EB94

Split Complementary

#94C4EB

#EB9499

#EBE794

Tetradic

#94C4EB

#E794EB

#EBBB94

#99EB94

Color Blindness Simulation

Original

#94C4EB

Protanopia

#A9A9E2

Deuteranopia

#A6A2DF

Tritanopia

#96DAD8

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DEF4
300
#98C6EC
400
#60A7E1
500
#2889D7
600
#206DAC
700
#1A5789
800
#14446B
900
#13344E
950
#0C2131

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026