#40ADAF

#40ADAF

Color Values

HEX

#40ADAF

RGB

64, 173, 175

HSL

181,1, 46,4%, 46,9%

HSV

181,1, 63,4%, 68,6%

CMYK

63,4%, 1,1%, 0,0%, 31,4%

OKLCH

0,6872 0,0974 196,9

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#40ADAF

#AF4240

Analogous

#40AF7A

#4076AF

#40ADAF

Triadic

#40ADAF

#AF40AD

#ADAF40

Split Complementary

#40ADAF

#AF4076

#AF7A40

Tetradic

#40ADAF

#7A40AF

#AF4240

#76AF40

Color Blindness Simulation

Original

#40ADAF

Protanopia

#6F70AF

Deuteranopia

#6961AE

Tritanopia

#45AEAE

Achromatopsia

#969696

CSS Usage

background-color: #40ADAF;
color: #40ADAF;
border-color: #40ADAF;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEC
300
#A5DDDE
400
#75CBCC
500
#44B8BB
600
#379495
700
#2C7677
800
#225C5D
900
#1C4445
950
#122B2B

Contrast Checker

Text on white

2,69:1

AA Fail AAA Fail

Text on black

7,81: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