#183EB4

#183EB4

Color Values

HEX

#183EB4

RGB

24, 62, 180

HSL

225,4, 76,5%, 40,0%

HSV

225,4, 86,7%, 70,6%

CMYK

86,7%, 65,6%, 0,0%, 29,4%

OKLCH

0,4236 0,191 264,9

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#183EB4

#B48E18

Analogous

#188CB4

#4018B4

#183EB4

Triadic

#183EB4

#B4183E

#3EB418

Split Complementary

#183EB4

#B44018

#8CB418

Tetradic

#183EB4

#B4188C

#B48E18

#18B440

Color Blindness Simulation

Original

#183EB4

Protanopia

#282997

Deuteranopia

#262391

Tritanopia

#1A817C

Achromatopsia

#3E3E3E

CSS Usage

background-color: #183EB4;
color: #183EB4;
border-color: #183EB4;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FC
100
#E2E7F9
200
#C0CDF7
300
#93AAF1
400
#587CE9
500
#1E4DE1
600
#183EB4
700
#133290
800
#0F2771
900
#0F1F52
950
#0A1434

Contrast Checker

Text on white

8,8:1

AA Pass AAA Pass

Text on black

2,39:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026