#467F82

#467F82

Color Values

HEX

#467F82

RGB

70, 127, 130

HSL

183.0, 30.0%, 39.2%

HSV

183.0, 46.2%, 51.0%

CMYK

46.2%, 2.3%, 0.0%, 49.0%

OKLCH

0.5588 0.0601 200.0

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#467F82

#824946

Analogous

#468267

#466182

#467F82

Triadic

#467F82

#82467F

#7F8246

Split Complementary

#467F82

#824661

#826746

Tetradic

#467F82

#674682

#824946

#618246

Color Blindness Simulation

Original

#467F82

Protanopia

#5F5F81

Deuteranopia

#5B5781

Tritanopia

#498181

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E5E6
300
#AFD2D4
400
#84BABD
500
#59A2A6
600
#478285
700
#39686A
800
#2D5153
900
#233C3E
950
#162627

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass 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