#94CCBC

#94CCBC

Color Values

HEX

#94CCBC

RGB

148, 204, 188

HSL

162.9, 35.4%, 69.0%

HSV

162.9, 27.5%, 80.0%

CMYK

27.5%, 0.0%, 7.8%, 20.0%

OKLCH

0.8019 0.0623 175.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#94CCBC

#CC94A4

Analogous

#94CCA0

#94C0CC

#94CCBC

Triadic

#94CCBC

#BC94CC

#CCBC94

Split Complementary

#94CCBC

#CC94C0

#CCA094

Tetradic

#94CCBC

#A094CC

#CC94A4

#C0CC94

Color Blindness Simulation

Original

#94CCBC

Protanopia

#ACADC0

Deuteranopia

#A9A5C1

Tritanopia

#97C3C4

Achromatopsia

#BFBFBF

CSS Usage

background-color: #94CCBC;
color: #94CCBC;
border-color: #94CCBC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CFE8E1
300
#ACD7CB
400
#7FC2AF
500
#52AD93
600
#428A76
700
#356E5E
800
#295649
900
#214037
950
#152823

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026