#6FAAAF

#6FAAAF

Color Values

HEX

#6FAAAF

RGB

111, 170, 175

HSL

184,7, 28,6%, 56,1%

HSV

184,7, 36,6%, 68,6%

CMYK

36,6%, 2,9%, 0,0%, 31,4%

OKLCH

0,6995 0,0616 202,6

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#6FAAAF

#AF746F

Analogous

#6FAF94

#6F8AAF

#6FAAAF

Triadic

#6FAAAF

#AF6FAA

#AAAF6F

Split Complementary

#6FAAAF

#AF6F8A

#AF946F

Tetradic

#6FAAAF

#946FAF

#AF746F

#8AAF6F

Color Blindness Simulation

Original

#6FAAAF

Protanopia

#8989AE

Deuteranopia

#8581AE

Tritanopia

#72ADAD

Achromatopsia

#9E9E9E

CSS Usage

background-color: #6FAAAF;
color: #6FAAAF;
border-color: #6FAAAF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9F9
100
#E9F1F1
200
#D1E4E6
300
#B0D1D3
400
#86B7BC
500
#5B9EA4
600
#497F83
700
#3A6569
800
#2E4F52
900
#243B3D
950
#172526

Contrast Checker

Text on white

2,61:1

AA Fail AAA Fail

Text on black

8,04: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