#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026