#207270

#207270

Color Values

HEX

#207270

RGB

32, 114, 112

HSL

178.5, 56.2%, 28.6%

HSV

178.5, 71.9%, 44.7%

CMYK

71.9%, 0.0%, 1.8%, 55.3%

OKLCH

0.5041 0.0761 192.6

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#207270

#722022

Analogous

#207247

#204B72

#207270

Triadic

#207270

#702072

#727020

Split Complementary

#207270

#72204B

#724720

Tetradic

#207270

#472072

#722022

#4B7220

Color Blindness Simulation

Original

#207270

Protanopia

#444470

Deuteranopia

#3F3971

Tritanopia

#247171

Achromatopsia

#606060

CSS Usage

background-color: #207270;
color: #207270;
border-color: #207270;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFEE
300
#9FE4E2
400
#6CD6D3
500
#38C7C4
600
#2D9F9C
700
#247F7D
800
#1C6462
900
#184948
950
#0F2E2D

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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