#140EB7

#140EB7

Color Values

HEX

#140EB7

RGB

20, 14, 183

HSL

242.1, 85.8%, 38.6%

HSV

242.1, 92.3%, 71.8%

CMYK

89.1%, 92.3%, 0.0%, 28.2%

OKLCH

0.3648 0.2355 267.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#140EB7

#B1B70E

Analogous

#0E5DB7

#680EB7

#140EB7

Triadic

#140EB7

#B7140E

#0EB714

Split Complementary

#140EB7

#B7680E

#5DB70E

Tetradic

#140EB7

#B70E5D

#B1B70E

#0EB768

Color Blindness Simulation

Original

#140EB7

Protanopia

#11118E

Deuteranopia

#121284

Tritanopia

#146E67

Achromatopsia

#1B1B1B

CSS Usage

background-color: #140EB7;
color: #140EB7;
border-color: #140EB7;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBDFA
300
#918DF6
400
#5550F2
500
#1A12ED
600
#150EBE
700
#100C98
800
#0D0976
900
#0E0B56
950
#090736

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

1.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026