#308764

#308764

Color Values

HEX

#308764

RGB

48, 135, 100

HSL

155.9, 47.5%, 35.9%

HSV

155.9, 64.4%, 52.9%

CMYK

64.4%, 0.0%, 25.9%, 47.1%

OKLCH

0.5614 0.0999 163.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#308764

#873053

Analogous

#308739

#307E87

#308764

Triadic

#308764

#643087

#876430

Split Complementary

#308764

#87307E

#873930

Tetradic

#308764

#393087

#873053

#7E8730

Color Blindness Simulation

Original

#308764

Protanopia

#56566C

Deuteranopia

#514A6E

Tritanopia

#347375

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CAECDF
300
#A5DFC8
400
#74CDA9
500
#43BC8B
600
#369670
700
#2B7859
800
#215E46
900
#1C4535
950
#122C21

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.78:1

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