#366299

#366299

Color Values

HEX

#366299

RGB

54, 98, 153

HSL

213,3, 47,8%, 40,6%

HSV

213,3, 64,7%, 60,0%

CMYK

64,7%, 35,9%, 0,0%, 40,0%

OKLCH

0,4912 0,1014 255,0

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#366299

#996D36

Analogous

#369499

#3B3699

#366299

Triadic

#366299

#993662

#629936

Split Complementary

#366299

#993B36

#949936

Tetradic

#366299

#993694

#996D36

#36993B

Color Blindness Simulation

Original

#366299

Protanopia

#49498C

Deuteranopia

#464388

Tritanopia

#38817F

Achromatopsia

#5D5D5D

CSS Usage

background-color: #366299;
color: #366299;
border-color: #366299;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9EC
300
#A5BFDF
400
#749CCE
500
#4379BC
600
#356197
700
#2B4D79
800
#213C5E
900
#1C2E45
950
#111D2C

Contrast Checker

Text on white

6,24:1

AA Pass AAA Fail

Text on black

3,36:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026