#467366

#467366

Color Values

HEX

#467366

RGB

70, 115, 102

HSL

162,7, 24,3%, 36,3%

HSV

162,7, 39,1%, 45,1%

CMYK

39,1%, 0,0%, 11,3%, 54,9%

OKLCH

0,5188 0,0541 173,8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#467366

#734653

Analogous

#467350

#466A73

#467366

Triadic

#467366

#664673

#736646

Split Complementary

#467366

#73466A

#735046

Tetradic

#467366

#504673

#734653

#6A7346

Color Blindness Simulation

Original

#467366

Protanopia

#595A69

Deuteranopia

#57546A

Tritanopia

#486C6C

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D3E4DF
300
#B3D1C8
400
#8AB8AA
500
#619E8D
600
#4D7F70
700
#3E655A
800
#304F46
900
#263B35
950
#182521

Contrast Checker

Text on white

5,38:1

AA Pass AAA Fail

Text on black

3,9: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