#2B7F83

#2B7F83

Color Values

HEX

#2B7F83

RGB

43, 127, 131

HSL

182.7, 50.6%, 34.1%

HSV

182.7, 67.2%, 51.4%

CMYK

67.2%, 3.1%, 0.0%, 48.6%

OKLCH

0.5487 0.0788 199.6

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#2B7F83

#832F2B

Analogous

#2B835B

#2B5383

#2B7F83

Triadic

#2B7F83

#832B7F

#7F832B

Split Complementary

#2B7F83

#832B53

#835B2B

Tetradic

#2B7F83

#5B2B83

#832F2B

#53832B

Color Blindness Simulation

Original

#2B7F83

Protanopia

#4F5082

Deuteranopia

#4A4482

Tritanopia

#2F8181

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9ECED
300
#A3DEE1
400
#71CCD0
500
#3FBAC0
600
#32959A
700
#28777B
800
#1F5D60
900
#1A4547
950
#112B2D

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026