#308463

#308463

Color Values

HEX

#308463

RGB

48, 132, 99

HSL

156.4, 46.7%, 35.3%

HSV

156.4, 63.6%, 51.8%

CMYK

63.6%, 0.0%, 25.0%, 48.2%

OKLCH

0.5531 0.0965 163.9

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#308463

#843051

Analogous

#308439

#307B84

#308463

Triadic

#308463

#633084

#846330

Split Complementary

#308463

#84307B

#843930

Tetradic

#308463

#393084

#843051

#7B8430

Color Blindness Simulation

Original

#308463

Protanopia

#54556B

Deuteranopia

#50496D

Tritanopia

#347173

Achromatopsia

#707070

CSS Usage

background-color: #308463;
color: #308463;
border-color: #308463;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECDF
300
#A5DEC8
400
#75CDAA
500
#44BB8C
600
#369670
700
#2B785A
800
#225E46
900
#1C4535
950
#122B21

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026