#2D6F6C

#2D6F6C

Color Values

HEX

#2D6F6C

RGB

45, 111, 108

HSL

177.3, 42.3%, 30.6%

HSV

177.3, 59.5%, 43.5%

CMYK

59.5%, 0.0%, 2.7%, 56.5%

OKLCH

0.4987 0.0667 191.1

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#2D6F6C

#6F2D30

Analogous

#2D6F4B

#2D516F

#2D6F6C

Triadic

#2D6F6C

#6C2D6F

#6F6C2D

Split Complementary

#2D6F6C

#6F2D51

#6F4B2D

Tetradic

#2D6F6C

#4B2D6F

#6F2D30

#516F2D

Color Blindness Simulation

Original

#2D6F6C

Protanopia

#4A4A6D

Deuteranopia

#46416D

Tritanopia

#306D6D

Achromatopsia

#616161

CSS Usage

background-color: #2D6F6C;
color: #2D6F6C;
border-color: #2D6F6C;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAFA
100
#E7F4F3
200
#CCEAE9
300
#A8DCD9
400
#79C9C5
500
#4AB5B1
600
#3B918D
700
#2F7471
800
#255B58
900
#1E4341
950
#132A29

Contrast Checker

Text on white

5.83:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

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