#8BAEB8

#8BAEB8

Color Values

HEX

#8BAEB8

RGB

139, 174, 184

HSL

193,3, 24,1%, 63,3%

HSV

193,3, 24,5%, 72,2%

CMYK

24,5%, 5,4%, 0,0%, 27,8%

OKLCH

0,7283 0,0407 217,1

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#8BAEB8

#B8958B

Analogous

#8BB8AB

#8B97B8

#8BAEB8

Triadic

#8BAEB8

#B88BAE

#AEB88B

Split Complementary

#8BAEB8

#B88B97

#B8AB8B

Tetradic

#8BAEB8

#AB8BB8

#B8958B

#97B88B

Color Blindness Simulation

Original

#8BAEB8

Protanopia

#9A9AB6

Deuteranopia

#9896B5

Tritanopia

#8DB4B3

Achromatopsia

#A7A7A7

CSS Usage

background-color: #8BAEB8;
color: #8BAEB8;
border-color: #8BAEB8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D3E0E4
300
#B3CAD1
400
#8AADB7
500
#61919E
600
#4D747F
700
#3E5D65
800
#30484F
900
#26363B
950
#182225

Contrast Checker

Text on white

2,37:1

AA Fail AAA Fail

Text on black

8,84:1

AA Pass AAA Pass

Related Articles

Tutorials

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

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026