#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026