#243DDB

#243DDB

Color Values

HEX

#243DDB

RGB

36, 61, 219

HSL

231.8, 71.8%, 50.0%

HSV

231.8, 83.6%, 85.9%

CMYK

83.6%, 72.1%, 0.0%, 14.1%

OKLCH

0.4651 0.2375 267.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#243DDB

#DBC224

Analogous

#2499DB

#6624DB

#243DDB

Triadic

#243DDB

#DB243D

#3DDB24

Split Complementary

#243DDB

#DB6624

#99DB24

Tetradic

#243DDB

#DB2499

#DBC224

#24DB66

Color Blindness Simulation

Original

#243DDB

Protanopia

#2F2FB5

Deuteranopia

#2D2CAC

Tritanopia

#259790

Achromatopsia

#434343

CSS Usage

background-color: #243DDB;
color: #243DDB;
border-color: #243DDB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C2C9F5
300
#96A2EE
400
#5D6FE4
500
#243DDB
600
#1D31AF
700
#17278C
800
#121E6E
900
#111A50
950
#0B1032

Contrast Checker

Text on white

7.59:1

AA Pass AAA Pass

Text on black

2.77: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