#1F2BE0

#1F2BE0

Color Values

HEX

#1F2BE0

RGB

31, 43, 224

HSL

236.3, 75.7%, 50.0%

HSV

236.3, 86.2%, 87.8%

CMYK

86.2%, 80.8%, 0.0%, 12.2%

OKLCH

0.4454 0.2598 267.4

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#1F2BE0

#E0D41F

Analogous

#1F8BE0

#741FE0

#1F2BE0

Triadic

#1F2BE0

#E01F2B

#2BE01F

Split Complementary

#1F2BE0

#E0741F

#8BE01F

Tetradic

#1F2BE0

#E01F8B

#E0D41F

#1FE074

Color Blindness Simulation

Original

#1F2BE0

Protanopia

#2424B4

Deuteranopia

#2423AA

Tritanopia

#20928A

Achromatopsia

#363636

CSS Usage

background-color: #1F2BE0;
color: #1F2BE0;
border-color: #1F2BE0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C4F6
300
#9399F0
400
#5962E8
500
#1F2BE0
600
#1922B3
700
#141B8F
800
#0F1570
900
#0F1451
950
#0A0C33

Contrast Checker

Text on white

8.47:1

AA Pass AAA Pass

Text on black

2.48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026