#207B84

#207B84

Color Values

HEX

#207B84

RGB

32, 123, 132

HSL

185.4, 61.0%, 32.2%

HSV

185.4, 75.8%, 51.8%

CMYK

75.8%, 6.8%, 0.0%, 48.2%

OKLCH

0.5358 0.0823 204.9

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#207B84

#842920

Analogous

#20845B

#204984

#207B84

Triadic

#207B84

#84207B

#7B8420

Split Complementary

#207B84

#842049

#845B20

Tetradic

#207B84

#5B2084

#842920

#498420

Color Blindness Simulation

Original

#207B84

Protanopia

#474882

Deuteranopia

#423B81

Tritanopia

#258080

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C6EDF1
300
#9CE0E7
400
#67D0DA
500
#32BFCD
600
#2899A4
700
#207A83
800
#196067
900
#16464B
950
#0E2C2F

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026