#398093

#398093

Color Values

HEX

#398093

RGB

57, 128, 147

HSL

192.7, 44.1%, 40.0%

HSV

192.7, 61.2%, 57.6%

CMYK

61.2%, 12.9%, 0.0%, 42.4%

OKLCH

0.5625 0.0762 218.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#398093

#934C39

Analogous

#399379

#395393

#398093

Triadic

#398093

#933980

#809339

Split Complementary

#398093

#933953

#937939

Tetradic

#398093

#793993

#934C39

#539339

Color Blindness Simulation

Original

#398093

Protanopia

#58588E

Deuteranopia

#544E8D

Tritanopia

#3D8B8A

Achromatopsia

#727272

CSS Usage

background-color: #398093;
color: #398093;
border-color: #398093;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CCE4EB
300
#A7D1DD
400
#77B9CA
500
#47A0B8
600
#398093
700
#2E6676
800
#24505C
900
#1D3C44
950
#12262B

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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