#95CCBC

#95CCBC

Color Values

HEX

#95CCBC

RGB

149, 204, 188

HSL

162.5, 35.0%, 69.2%

HSV

162.5, 27.0%, 80.0%

CMYK

27.0%, 0.0%, 7.8%, 20.0%

OKLCH

0.8025 0.0614 174.8

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#95CCBC

#CC95A5

Analogous

#95CCA0

#95C0CC

#95CCBC

Triadic

#95CCBC

#BC95CC

#CCBC95

Split Complementary

#95CCBC

#CC95C0

#CCA095

Tetradic

#95CCBC

#A095CC

#CC95A5

#C0CC95

Color Blindness Simulation

Original

#95CCBC

Protanopia

#ADADC0

Deuteranopia

#AAA6C1

Tritanopia

#98C3C4

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E1
300
#ACD7CB
400
#80C2AE
500
#53AC92
600
#428A75
700
#356E5E
800
#295649
900
#214037
950
#152823

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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