#2F848C

#2F848C

Color Values

HEX

#2F848C

RGB

47, 132, 140

HSL

185.2, 49.7%, 36.7%

HSV

185.2, 66.4%, 54.9%

CMYK

66.4%, 5.7%, 0.0%, 45.1%

OKLCH

0.5663 0.0805 204.0

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2F848C

#8C372F

Analogous

#2F8C66

#2F568C

#2F848C

Triadic

#2F848C

#8C2F84

#848C2F

Split Complementary

#2F848C

#8C2F56

#8C662F

Tetradic

#2F848C

#662F8C

#8C372F

#568C2F

Color Blindness Simulation

Original

#2F848C

Protanopia

#54558A

Deuteranopia

#4F488A

Tritanopia

#338988

Achromatopsia

#737373

CSS Usage

background-color: #2F848C;
color: #2F848C;
border-color: #2F848C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAEAED
300
#A3DBE0
400
#72C7D0
500
#40B4BF
600
#339099
700
#29737A
800
#205A5F
900
#1B4246
950
#112A2C

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026