#308195

#308195

Color Values

HEX

#308195

RGB

48, 129, 149

HSL

191.9, 51.3%, 38.6%

HSV

191.9, 67.8%, 58.4%

CMYK

67.8%, 13.4%, 0.0%, 41.6%

OKLCH

0.5627 0.0826 217.2

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#308195

#954430

Analogous

#309576

#304E95

#308195

Triadic

#308195

#953081

#819530

Split Complementary

#308195

#95304E

#957630

Tetradic

#308195

#763095

#954430

#4E9530

Color Blindness Simulation

Original

#308195

Protanopia

#535490

Deuteranopia

#4E488F

Tritanopia

#348C8C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F2F5
200
#C9E6EE
300
#A2D5E1
400
#70BED1
500
#3EA7C1
600
#32869A
700
#286B7B
800
#1F5360
900
#1A3E47
950
#10272D

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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