#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026