#308763

#308763

Color Values

HEX

#308763

RGB

48, 135, 99

HSL

155.2, 47.5%, 35.9%

HSV

155.2, 64.4%, 52.9%

CMYK

64.4%, 0.0%, 26.7%, 47.1%

OKLCH

0.5612 0.1007 162.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#308763

#873054

Analogous

#308738

#307F87

#308763

Triadic

#308763

#633087

#876330

Split Complementary

#308763

#87307F

#873830

Tetradic

#308763

#383087

#873054

#7F8730

Color Blindness Simulation

Original

#308763

Protanopia

#56566C

Deuteranopia

#514A6E

Tritanopia

#347374

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CAECDE
300
#A5DFC7
400
#74CDA8
500
#43BC8A
600
#36966E
700
#2B7858
800
#215E45
900
#1C4534
950
#122C21

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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