#94DAE2

#94DAE2

Color Values

HEX

#94DAE2

RGB

148, 218, 226

HSL

186.2, 57.4%, 73.3%

HSV

186.2, 34.5%, 88.6%

CMYK

34.5%, 3.5%, 0.0%, 11.4%

OKLCH

0.8448 0.0707 205.0

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#94DAE2

#E29C94

Analogous

#94E2C3

#94B3E2

#94DAE2

Triadic

#94DAE2

#E294DA

#DAE294

Split Complementary

#94DAE2

#E294B3

#E2C394

Tetradic

#94DAE2

#C394E2

#E29C94

#B3E294

Color Blindness Simulation

Original

#94DAE2

Protanopia

#B2B3E0

Deuteranopia

#AEA9E0

Tritanopia

#98DFDE

Achromatopsia

#CCCCCC

CSS Usage

background-color: #94DAE2;
color: #94DAE2;
border-color: #94DAE2;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C7ECF0
300
#9FDEE5
400
#6ACCD7
500
#36BAC9
600
#2B94A1
700
#237780
800
#1B5D64
900
#174449
950
#0F2B2E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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