#245BCF

#245BCF

Color Values

HEX

#245BCF

RGB

36, 91, 207

HSL

220,7, 70,4%, 47,6%

HSV

220,7, 82,6%, 81,2%

CMYK

82,6%, 56,0%, 0,0%, 18,8%

OKLCH

0,5071 0,189 262,6

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#245BCF

#CF9824

Analogous

#24B0CF

#4224CF

#245BCF

Triadic

#245BCF

#CF245B

#5BCF24

Split Complementary

#245BCF

#CF4224

#B0CF24

Tetradic

#245BCF

#CF24B0

#CF9824

#24CF42

Color Blindness Simulation

Original

#245BCF

Protanopia

#3C3CB3

Deuteranopia

#3934AC

Tritanopia

#279D98

Achromatopsia

#585858

CSS Usage

background-color: #245BCF;
color: #245BCF;
border-color: #245BCF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F6FC
100
#E2E9F8
200
#C2D2F4
300
#97B2ED
400
#5E89E3
500
#265FD9
600
#1E4CAE
700
#183D8B
800
#13306D
900
#12264F
950
#0B1832

Contrast Checker

Text on white

6,05:1

AA Pass AAA Fail

Text on black

3,47: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