#38BFCF

#38BFCF

Color Values

HEX

#38BFCF

RGB

56, 191, 207

HSL

186.4, 61.1%, 51.6%

HSV

186.4, 72.9%, 81.2%

CMYK

72.9%, 7.7%, 0.0%, 18.8%

OKLCH

0.7408 0.1137 206.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#38BFCF

#CF4838

Analogous

#38CF94

#3873CF

#38BFCF

Triadic

#38BFCF

#CF38BF

#BFCF38

Split Complementary

#38BFCF

#CF3873

#CF9438

Tetradic

#38BFCF

#9438CF

#CF4838

#73CF38

Color Blindness Simulation

Original

#38BFCF

Protanopia

#7274CB

Deuteranopia

#6B60CA

Tritanopia

#3FC8C7

Achromatopsia

#A3A3A3

CSS Usage

background-color: #38BFCF;
color: #38BFCF;
border-color: #38BFCF;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C5ECF1
300
#9CDFE7
400
#67CEDA
500
#32BDCD
600
#2897A4
700
#207983
800
#195E67
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026