#67AFBC

#67AFBC

Color Values

HEX

#67AFBC

RGB

103, 175, 188

HSL

189,2, 38,8%, 57,1%

HSV

189,2, 45,2%, 73,7%

CMYK

45,2%, 6,9%, 0,0%, 26,3%

OKLCH

0,7116 0,0745 210,4

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#67AFBC

#BC7467

Analogous

#67BC9F

#6785BC

#67AFBC

Triadic

#67AFBC

#BC67AF

#AFBC67

Split Complementary

#67AFBC

#BC6785

#BC9F67

Tetradic

#67AFBC

#9F67BC

#BC7467

#85BC67

Color Blindness Simulation

Original

#67AFBC

Protanopia

#8687B9

Deuteranopia

#827DB8

Tritanopia

#6BB6B6

Achromatopsia

#A1A1A1

CSS Usage

background-color: #67AFBC;
color: #67AFBC;
border-color: #67AFBC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5E9
300
#AAD2DA
400
#7CBAC5
500
#4EA2B1
600
#3E818E
700
#326871
800
#275158
900
#203C41
950
#142629

Contrast Checker

Text on white

2,49:1

AA Fail AAA Fail

Text on black

8,43:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026