#46938F

#46938F

Color Values

HEX

#46938F

RGB

70, 147, 143

HSL

176.9, 35.5%, 42.5%

HSV

176.9, 52.4%, 57.6%

CMYK

52.4%, 0.0%, 2.7%, 42.4%

OKLCH

0.6136 0.0763 190.8

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#46938F

#93464A

Analogous

#469368

#467093

#46938F

Triadic

#46938F

#8F4693

#938F46

Split Complementary

#46938F

#934670

#936846

Tetradic

#46938F

#684693

#93464A

#709346

Color Blindness Simulation

Original

#46938F

Protanopia

#676890

Deuteranopia

#635D90

Tritanopia

#4A9191

Achromatopsia

#828282

CSS Usage

background-color: #46938F;
color: #46938F;
border-color: #46938F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CFE8E7
300
#ACD8D5
400
#7FC2BF
500
#52ADA8
600
#428A86
700
#356F6C
800
#295654
900
#21403E
950
#152827

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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