#94BBC3

#94BBC3

Color Values

HEX

#94BBC3

RGB

148, 187, 195

HSL

190,2, 28,1%, 67,3%

HSV

190,2, 24,1%, 76,5%

CMYK

24,1%, 4,1%, 0,0%, 23,5%

OKLCH

0,7664 0,0433 211,5

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#94BBC3

#C39C94

Analogous

#94C3B4

#94A4C3

#94BBC3

Triadic

#94BBC3

#C394BB

#BBC394

Split Complementary

#94BBC3

#C394A4

#C3B494

Tetradic

#94BBC3

#B494C3

#C39C94

#A4C394

Color Blindness Simulation

Original

#94BBC3

Protanopia

#A5A5C1

Deuteranopia

#A3A0C1

Tritanopia

#96C0BF

Achromatopsia

#B3B3B3

CSS Usage

background-color: #94BBC3;
color: #94BBC3;
border-color: #94BBC3;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E2E5
300
#B1CDD3
400
#86B2BB
500
#5C97A3
600
#497983
700
#3B6169
800
#2E4C52
900
#24393D
950
#172426

Contrast Checker

Text on white

2,07:1

AA Fail AAA Fail

Text on black

10,16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026