#308091

#308091

Color Values

HEX

#308091

RGB

48, 128, 145

HSL

190.5, 50.3%, 37.8%

HSV

190.5, 66.9%, 56.9%

CMYK

66.9%, 11.7%, 0.0%, 43.1%

OKLCH

0.5585 0.0804 214.3

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#308091

#914130

Analogous

#309171

#304F91

#308091

Triadic

#308091

#913080

#809130

Split Complementary

#308091

#91304F

#917130

Tetradic

#308091

#713091

#914130

#4F9130

Color Blindness Simulation

Original

#308091

Protanopia

#53538D

Deuteranopia

#4E488C

Tritanopia

#348A89

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#C9E7ED
300
#A3D6E1
400
#71BFD0
500
#3FA9C0
600
#338799
700
#296C7B
800
#205560
900
#1B3F46
950
#11282C

Contrast Checker

Text on white

4.54:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026