#94C8BA

#94C8BA

Color Values

HEX

#94C8BA

RGB

148, 200, 186

HSL

163.8, 32.1%, 68.2%

HSV

163.8, 26.0%, 78.4%

CMYK

26.0%, 0.0%, 7.0%, 21.6%

OKLCH

0.7924 0.0578 176.3

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#94C8BA

#C894A2

Analogous

#94C8A0

#94BCC8

#94C8BA

Triadic

#94C8BA

#BA94C8

#C8BA94

Split Complementary

#94C8BA

#C894BC

#C8A094

Tetradic

#94C8BA

#A094C8

#C894A2

#BCC894

Color Blindness Simulation

Original

#94C8BA

Protanopia

#ABABBD

Deuteranopia

#A8A4BE

Tritanopia

#97C0C1

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E1
300
#AED5CB
400
#82BFAF
500
#57A892
600
#458775
700
#376C5E
800
#2B5449
900
#223E37
950
#162723

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.23:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026