#467863

#467863

Color Values

HEX

#467863

RGB

70, 120, 99

HSL

154.8, 26.3%, 37.3%

HSV

154.8, 41.7%, 47.1%

CMYK

41.7%, 0.0%, 17.5%, 52.9%

OKLCH

0.5308 0.0641 165.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#467863

#78465B

Analogous

#46784A

#467478

#467863

Triadic

#467863

#634678

#786346

Split Complementary

#467863

#784674

#784A46

Tetradic

#467863

#4A4678

#78465B

#747846

Color Blindness Simulation

Original

#467863

Protanopia

#5C5C68

Deuteranopia

#595569

Tritanopia

#486C6D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E5DD
300
#B2D2C4
400
#88B9A5
500
#5EA185
600
#4B816A
700
#3C6755
800
#2F5142
900
#253C32
950
#172620

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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