#3B4ADC

Color Details

HEX
#3B4ADC
RGB
rgb(59, 74, 220)
HSL
hsl(234, 70%, 55%)
CMYK
cmyk(73%, 66%, 0%, 14%)
Best text on this color #FFFFFF (CR 6.56:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b4adc
Contrast 3.20:1 Fail
White on #3b4adc
Contrast 6.56:1 AA
#3b4adc on Black
Contrast 3.20:1 Fail
#3b4adc on White
Contrast 6.56:1 AA

Tints & Shades

#626ee3
#8992ea
#b1b7f1
#2f3bb0
#232c84
#181e58

Complement & Analogous

#ddcd3c
#7c3cdd
#3c9cdd

Triadic

#dd3c4c
#4cdd3c

Monochrome

#181e58 #232c84 #3b4adc #8992ea #b1b7f1 #d8dbf8

Analogous

#3c9cdd #77bae7 #3b4adc #9663e4 #7c3cdd #6330b1

Complementary Mix

#232c84 #3b4adc #8992ea #ddcd3c #e9df80 #908527

Nearby Colors

#3b4adb
#3b4add
#3b4acc
#3b4aec

Embed #3B4ADC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #3B4ADC

#3B4ADC converts to RGB(59, 74, 220) and HSL(234, 70%, 55%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#3B4ADC FAQs

What is the RGB value of #3B4ADC?
RGB: 59, 74, 220. Copy as CSS: rgb(59, 74, 220)
Is #3B4ADC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3B4ADC?
Complement: #ddcd3c.
Does #3B4ADC have good contrast on white or black?
On white: 6.56:1 (AA (normal text)). On black: 3.20:1 (AA (large text)).