#434EC4

#434EC4

Color Values

HEX

#434EC4

RGB

67, 78, 196

HSL

234.9, 52.2%, 51.6%

HSV

234.9, 65.8%, 76.9%

CMYK

65.8%, 60.2%, 0.0%, 23.1%

OKLCH

0.4869 0.182 273.5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#434EC4

#C4B943

Analogous

#438FC4

#7943C4

#434EC4

Triadic

#434EC4

#C4434E

#4EC443

Split Complementary

#434EC4

#C47943

#8FC443

Tetradic

#434EC4

#C4438F

#C4B943

#43C479

Color Blindness Simulation

Original

#434EC4

Protanopia

#4848A7

Deuteranopia

#4746A1

Tritanopia

#44918C

Achromatopsia

#545454

CSS Usage

background-color: #434EC4;
color: #434EC4;
border-color: #434EC4;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CCEE
300
#A2A7E2
400
#6F78D2
500
#3D48C2
600
#313A9B
700
#272E7C
800
#1E2461
900
#1A1E47
950
#10132D

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026