#243FA8

#243FA8

Color Values

HEX

#243FA8

RGB

36, 63, 168

HSL

227.7, 64.7%, 40.0%

HSV

227.7, 78.6%, 65.9%

CMYK

78.6%, 62.5%, 0.0%, 34.1%

OKLCH

0.4184 0.1713 267.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#243FA8

#A88D24

Analogous

#2481A8

#4B24A8

#243FA8

Triadic

#243FA8

#A8243F

#3FA824

Split Complementary

#243FA8

#A84B24

#81A824

Tetradic

#243FA8

#A82481

#A88D24

#24A84B

Color Blindness Simulation

Original

#243FA8

Protanopia

#30308F

Deuteranopia

#2E2C88

Tritanopia

#257B76

Achromatopsia

#414141

CSS Usage

background-color: #243FA8;
color: #243FA8;
border-color: #243FA8;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CEF2
300
#9AAAE9
400
#647DDE
500
#2D4FD2
600
#243FA8
700
#1D3286
800
#172769
900
#14204D
950
#0D1430

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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