#338290

#338290

Color Values

HEX

#338290

RGB

51, 130, 144

HSL

189.0, 47.7%, 38.2%

HSV

189.0, 64.6%, 56.5%

CMYK

64.6%, 9.7%, 0.0%, 43.5%

OKLCH

0.5641 0.0787 211.2

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#338290

#904133

Analogous

#33906F

#335390

#338290

Triadic

#338290

#903382

#829033

Split Complementary

#338290

#903353

#906F33

Tetradic

#338290

#6F3390

#904133

#539033

Color Blindness Simulation

Original

#338290

Protanopia

#55568D

Deuteranopia

#514B8C

Tritanopia

#378A89

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CAE7EC
300
#A5D6DF
400
#74C0CE
500
#43AABC
600
#358897
700
#2B6D79
800
#21555E
900
#1C3F45
950
#11282C

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass 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