#308F9C

#308F9C

Color Values

HEX

#308F9C

RGB

48, 143, 156

HSL

187.2, 52.9%, 40.0%

HSV

187.2, 69.2%, 61.2%

CMYK

69.2%, 8.3%, 0.0%, 38.8%

OKLCH

0.6009 0.0883 208.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#308F9C

#9C3D30

Analogous

#309C73

#30599C

#308F9C

Triadic

#308F9C

#9C308F

#8F9C30

Split Complementary

#308F9C

#9C3059

#9C7330

Tetradic

#308F9C

#73309C

#9C3D30

#599C30

Color Blindness Simulation

Original

#308F9C

Protanopia

#595A99

Deuteranopia

#544C98

Tritanopia

#359696

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8EAEE
300
#A1DAE2
400
#6FC7D3
500
#3CB3C3
600
#308F9C
700
#26727D
800
#1E5961
900
#194248
950
#102A2D

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026