#434DFE

#434DFE

Color Values

HEX

#434DFE

RGB

67, 77, 254

HSL

236.8, 98.9%, 62.9%

HSV

236.8, 73.6%, 99.6%

CMYK

73.6%, 69.7%, 0.0%, 0.4%

OKLCH

0.5371 0.2555 271.6

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#434DFE

#FEF443

Analogous

#43AAFE

#9643FE

#434DFE

Triadic

#434DFE

#FE434D

#4DFE43

Split Complementary

#434DFE

#FE9643

#AAFE43

Tetradic

#434DFE

#FE43AA

#FEF443

#43FE96

Color Blindness Simulation

Original

#434DFE

Protanopia

#4747D3

Deuteranopia

#4746C9

Tritanopia

#44B1AA

Achromatopsia

#585858

CSS Usage

background-color: #434DFE;
color: #434DFE;
border-color: #434DFE;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F2FE
100
#DEE0FC
200
#B8BCFF
300
#858CFE
400
#434DFE
500
#010FFE
600
#010CCB
700
#010AA2
800
#01077F
900
#050A5C
950
#03063A

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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