#3842AB

#3842AB

Color Values

HEX

#3842AB

RGB

56, 66, 171

HSL

234.8, 50.7%, 44.5%

HSV

234.8, 67.3%, 67.1%

CMYK

67.3%, 61.4%, 0.0%, 32.9%

OKLCH

0.4372 0.1661 273.2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#3842AB

#ABA138

Analogous

#387BAB

#6838AB

#3842AB

Triadic

#3842AB

#AB3842

#42AB38

Split Complementary

#3842AB

#AB6838

#7BAB38

Tetradic

#3842AB

#AB387B

#ABA138

#38AB68

Color Blindness Simulation

Original

#3842AB

Protanopia

#3C3C92

Deuteranopia

#3C3B8C

Tritanopia

#387E79

Achromatopsia

#474747

CSS Usage

background-color: #3842AB;
color: #3842AB;
border-color: #3842AB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CCED
300
#A3A8E1
400
#7179D0
500
#3F4AC0
600
#323B9A
700
#282F7B
800
#1F2560
900
#1A1E47
950
#11132D

Contrast Checker

Text on white

8.28:1

AA Pass AAA Pass

Text on black

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