#467563

#467563

Color Values

HEX

#467563

RGB

70, 117, 99

HSL

157.0, 25.1%, 36.7%

HSV

157.0, 40.2%, 45.9%

CMYK

40.2%, 0.0%, 15.4%, 54.1%

OKLCH

0.523 0.0593 167.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#467563

#754658

Analogous

#46754C

#467075

#467563

Triadic

#467563

#634675

#756346

Split Complementary

#467563

#754670

#754C46

Tetradic

#467563

#4C4675

#754658

#707546

Color Blindness Simulation

Original

#467563

Protanopia

#5A5B67

Deuteranopia

#585468

Tritanopia

#486B6C

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DD
300
#B2D1C5
400
#89B8A6
500
#5FA087
600
#4C806C
700
#3D6656
800
#305043
900
#263B33
950
#182620

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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