#2F97A3

#2F97A3

Color Values

HEX

#2F97A3

RGB

47, 151, 163

HSL

186.2, 55.2%, 41.2%

HSV

186.2, 71.2%, 63.9%

CMYK

71.2%, 7.4%, 0.0%, 36.1%

OKLCH

0.6235 0.0933 206.2

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#2F97A3

#A33B2F

Analogous

#2FA375

#2F5DA3

#2F97A3

Triadic

#2F97A3

#A32F97

#97A32F

Split Complementary

#2F97A3

#A32F5D

#A3752F

Tetradic

#2F97A3

#752FA3

#A33B2F

#5DA32F

Color Blindness Simulation

Original

#2F97A3

Protanopia

#5C5DA0

Deuteranopia

#564E9F

Tritanopia

#349E9D

Achromatopsia

#828282

CSS Usage

background-color: #2F97A3;
color: #2F97A3;
border-color: #2F97A3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C8EBEF
300
#A0DDE4
400
#6DCAD5
500
#39B7C6
600
#2E939E
700
#25757F
800
#1D5C63
900
#184449
950
#0F2B2E

Contrast Checker

Text on white

3.46:1

AA Fail AAA Fail

Text on black

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