#307C8F

#307C8F

Color Values

HEX

#307C8F

RGB

48, 124, 143

HSL

192.0, 49.7%, 37.5%

HSV

192.0, 66.4%, 56.1%

CMYK

66.4%, 13.3%, 0.0%, 43.9%

OKLCH

0.5475 0.079 217.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#307C8F

#8F4330

Analogous

#308F73

#304D8F

#307C8F

Triadic

#307C8F

#8F307C

#7C8F30

Split Complementary

#307C8F

#8F304D

#8F7330

Tetradic

#307C8F

#73308F

#8F4330

#4D8F30

Color Blindness Simulation

Original

#307C8F

Protanopia

#51528A

Deuteranopia

#4C4789

Tritanopia

#348786

Achromatopsia

#6D6D6D

CSS Usage

background-color: #307C8F;
color: #307C8F;
border-color: #307C8F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#CAE6ED
300
#A3D4E0
400
#72BDD0
500
#40A6BF
600
#338499
700
#296A7A
800
#20535F
900
#1B3D46
950
#11272C

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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