#434698

#434698

Color Values

HEX

#434698

RGB

67, 70, 152

HSL

237.9, 38.8%, 42.9%

HSV

237.9, 55.9%, 59.6%

CMYK

55.9%, 53.9%, 0.0%, 40.4%

OKLCH

0.4372 0.1314 277.9

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#434698

#989543

Analogous

#437098

#6A4398

#434698

Triadic

#434698

#984346

#469843

Split Complementary

#434698

#986A43

#709843

Tetradic

#434698

#984370

#989543

#43986A

Color Blindness Simulation

Original

#434698

Protanopia

#444484

Deuteranopia

#44447F

Tritanopia

#437471

Achromatopsia

#4B4B4B

CSS Usage

background-color: #434698;
color: #434698;
border-color: #434698;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCEE9
300
#AAACDA
400
#7C7FC5
500
#4E51B1
600
#3E418E
700
#323471
800
#272958
900
#202141
950
#141529

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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