#308691

#308691

Color Values

HEX

#308691

RGB

48, 134, 145

HSL

186.8, 50.3%, 37.8%

HSV

186.8, 66.9%, 56.9%

CMYK

66.9%, 7.6%, 0.0%, 43.1%

OKLCH

0.5737 0.082 207.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#308691

#913B30

Analogous

#30916B

#305591

#308691

Triadic

#308691

#913086

#869130

Split Complementary

#308691

#913055

#916B30

Tetradic

#308691

#6B3091

#913B30

#559130

Color Blindness Simulation

Original

#308691

Protanopia

#55568E

Deuteranopia

#504A8E

Tritanopia

#348C8C

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E9ED
300
#A3DAE1
400
#71C5D0
500
#3FB1C0
600
#338E99
700
#29717B
800
#205960
900
#1B4146
950
#11292C

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

4.94:1

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