#95C3CC

#95C3CC

Color Values

HEX

#95C3CC

RGB

149, 195, 204

HSL

189,8, 35,0%, 69,2%

HSV

189,8, 27,0%, 80,0%

CMYK

27,0%, 4,4%, 0,0%, 20,0%

OKLCH

0,7875 0,05 210,9

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#95C3CC

#CC9E95

Analogous

#95CCB9

#95A7CC

#95C3CC

Triadic

#95C3CC

#CC95C3

#C3CC95

Split Complementary

#95C3CC

#CC95A7

#CCB995

Tetradic

#95C3CC

#B995CC

#CC9E95

#A7CC95

Color Blindness Simulation

Original

#95C3CC

Protanopia

#A9A9CA

Deuteranopia

#A6A3C9

Tritanopia

#97C8C8

Achromatopsia

#BABABA

CSS Usage

background-color: #95C3CC;
color: #95C3CC;
border-color: #95C3CC;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE4E8
300
#ACD0D7
400
#80B7C2
500
#539EAC
600
#427E8A
700
#35656E
800
#294F56
900
#213B40
950
#152528

Contrast Checker

Text on white

1,92:1

AA Fail AAA Fail

Text on black

10,96:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026