#307558

#307558

Color Values

HEX

#307558

RGB

48, 117, 88

HSL

154.8, 41.8%, 32.4%

HSV

154.8, 59.0%, 45.9%

CMYK

59.0%, 0.0%, 24.8%, 54.1%

OKLCH

0.5096 0.0843 163.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#307558

#75304D

Analogous

#307536

#307075

#307558

Triadic

#307558

#583075

#755830

Split Complementary

#307558

#753070

#753630

Tetradic

#307558

#363075

#75304D

#707530

Color Blindness Simulation

Original

#307558

Protanopia

#4E4E5F

Deuteranopia

#4A4561

Tritanopia

#336566

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CCEADE
300
#A8DBC6
400
#79C8A7
500
#4AB588
600
#3B916D
700
#2F7457
800
#255A44
900
#1E4333
950
#132A20

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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