#30949C

#30949C

Color Values

HEX

#30949C

RGB

48, 148, 156

HSL

184.4, 52.9%, 40.0%

HSV

184.4, 69.2%, 61.2%

CMYK

69.2%, 5.1%, 0.0%, 38.8%

OKLCH

0.6135 0.0902 202.8

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#30949C

#9C3830

Analogous

#309C6E

#305E9C

#30949C

Triadic

#30949C

#9C3094

#949C30

Split Complementary

#30949C

#9C305E

#9C6E30

Tetradic

#30949C

#6E309C

#9C3830

#5E9C30

Color Blindness Simulation

Original

#30949C

Protanopia

#5B5C9A

Deuteranopia

#564E9A

Tritanopia

#359998

Achromatopsia

#7F7F7F

CSS Usage

background-color: #30949C;
color: #30949C;
border-color: #30949C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8EBEE
300
#A1DDE2
400
#6FCBD3
500
#3CB9C3
600
#30949C
700
#26767D
800
#1E5D61
900
#194448
950
#102B2D

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.84:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026