#959DBA

Color Details

HEX
#959DBA
RGB
rgb(149, 157, 186)
HSL
hsl(227, 21%, 66%)
CMYK
cmyk(20%, 16%, 0%, 27%)
Best text on this color #000000 (CR 7.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #959dba
Contrast 7.81:1 AAA
White on #959dba
Contrast 2.69:1 Fail
#959dba on Black
Contrast 7.81:1 AAA
#959dba on White
Contrast 2.69:1 Fail

Tints & Shades

#aab1c8
#bfc4d6
#d5d8e3
#777e95
#595e70
#3c3f4a

Complement & Analogous

#bbb396
#a095bb
#95b1bb

Triadic

#bb969e
#9ebb96

Monochrome

#3c3f4a #595e70 #959dba #bfc4d6 #d5d8e3 #eaebf1

Analogous

#95b1bb #b5c8cf #959dba #b3aac9 #a095bb #807796

Complementary Mix

#595e70 #959dba #bfc4d6 #bbb396 #d3cebb #7a7462

Nearby Colors

#959db9
#959dbb
#959daa
#959dca

Embed #959DBA swatch

Embed this swatch

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

Open image

About #959DBA

#959DBA converts to RGB(149, 157, 186) and HSL(227, 21%, 66%). 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).

#959DBA FAQs

What is the RGB value of #959DBA?
RGB: 149, 157, 186. Copy as CSS: rgb(149, 157, 186)
Is #959DBA a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #959DBA?
Complement: #bbb396.
Does #959DBA have good contrast on white or black?
On white: 2.69:1 (Fails AA). On black: 7.81:1 (AAA (normal text)).