#40AFBB

#40AFBB

Color Values

HEX

#40AFBB

RGB

64, 175, 187

HSL

185.9, 49.0%, 49.2%

HSV

185.9, 65.8%, 73.3%

CMYK

65.8%, 6.4%, 0.0%, 26.7%

OKLCH

0.6965 0.0998 205.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#40AFBB

#BB4C40

Analogous

#40BB8A

#4071BB

#40AFBB

Triadic

#40AFBB

#BB40AF

#AFBB40

Split Complementary

#40AFBB

#BB4071

#BB8A40

Tetradic

#40AFBB

#8A40BB

#BB4C40

#71BB40

Color Blindness Simulation

Original

#40AFBB

Protanopia

#7071B8

Deuteranopia

#6A61B7

Tritanopia

#46B6B5

Achromatopsia

#989898

CSS Usage

background-color: #40AFBB;
color: #40AFBB;
border-color: #40AFBB;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAE9ED
300
#A4DAE0
400
#72C6CF
500
#41B2BE
600
#348E98
700
#2A727A
800
#21595F
900
#1B4246
950
#11292C

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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