#308C98

#308C98

Color Values

HEX

#308C98

RGB

48, 140, 152

HSL

186.9, 52.0%, 39.2%

HSV

186.9, 68.4%, 59.6%

CMYK

68.4%, 7.9%, 0.0%, 40.4%

OKLCH

0.5917 0.0861 207.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#308C98

#983C30

Analogous

#309870

#305898

#308C98

Triadic

#308C98

#98308C

#8C9830

Split Complementary

#308C98

#983058

#987030

Tetradic

#308C98

#703098

#983C30

#589830

Color Blindness Simulation

Original

#308C98

Protanopia

#585995

Deuteranopia

#524C94

Tritanopia

#359392

Achromatopsia

#797979

CSS Usage

background-color: #308C98;
color: #308C98;
border-color: #308C98;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9EAEE
300
#A2DAE2
400
#70C6D2
500
#3DB3C2
600
#318F9B
700
#27727C
800
#1F5961
900
#1A4247
950
#102A2D

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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