#8ABCBC

#8ABCBC

Color Values

HEX

#8ABCBC

RGB

138, 188, 188

HSL

180.0, 27.2%, 63.9%

HSV

180.0, 26.6%, 73.7%

CMYK

26.6%, 0.0%, 0.0%, 26.3%

OKLCH

0.7602 0.0525 196.1

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#8ABCBC

#BC8A8A

Analogous

#8ABCA3

#8AA3BC

#8ABCBC

Triadic

#8ABCBC

#BC8ABC

#BCBC8A

Split Complementary

#8ABCBC

#BC8AA3

#BCA38A

Tetradic

#8ABCBC

#A38ABC

#BC8A8A

#A3BC8A

Color Blindness Simulation

Original

#8ABCBC

Protanopia

#A0A0BC

Deuteranopia

#9D99BC

Tritanopia

#8CBCBC

Achromatopsia

#B1B1B1

CSS Usage

background-color: #8ABCBC;
color: #8ABCBC;
border-color: #8ABCBC;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E5E5
300
#B1D2D2
400
#87BABA
500
#5DA2A2
600
#4A8282
700
#3B6868
800
#2E5151
900
#253C3C
950
#172626

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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