#36738F

#36738F

Color Values

HEX

#36738F

RGB

54, 115, 143

HSL

198.9, 45.2%, 38.6%

HSV

198.9, 62.2%, 56.1%

CMYK

62.2%, 19.6%, 0.0%, 43.9%

OKLCH

0.5271 0.0767 230.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#36738F

#8F5236

Analogous

#368F7E

#36468F

#36738F

Triadic

#36738F

#8F3673

#738F36

Split Complementary

#36738F

#8F3646

#8F7E36

Tetradic

#36738F

#7E368F

#8F5236

#468F36

Color Blindness Simulation

Original

#36738F

Protanopia

#505188

Deuteranopia

#4D4887

Tritanopia

#398382

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6F0F4
200
#CBE1EB
300
#A6CCDD
400
#76B0CB
500
#4695B9
600
#387794
700
#2D5F76
800
#234A5D
900
#1D3844
950
#12232B

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

4.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026