#308C9C

#308C9C

Color Values

HEX

#308C9C

RGB

48, 140, 156

HSL

188.9, 52.9%, 40.0%

HSV

188.9, 69.2%, 61.2%

CMYK

69.2%, 10.3%, 0.0%, 38.8%

OKLCH

0.5933 0.0875 211.4

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#308C9C

#9C4030

Analogous

#309C76

#30569C

#308C9C

Triadic

#308C9C

#9C308C

#8C9C30

Split Complementary

#308C9C

#9C3056

#9C7630

Tetradic

#308C9C

#76309C

#9C4030

#569C30

Color Blindness Simulation

Original

#308C9C

Protanopia

#585998

Deuteranopia

#524C97

Tritanopia

#359594

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E9EE
300
#A1D9E2
400
#6FC4D3
500
#3CAFC3
600
#308C9C
700
#26707D
800
#1E5761
900
#194148
950
#10292D

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

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