#3171d4

Azure Improve Bend

rgb(49, 113, 212)hsl(216, 65%, 51%)hsv(216, 77%, 83%)

← Colors

Click here to pick a new color. Then click search

Split

#c3d331
#d34131

Complementary

#d49431

Analogous

#3171d4
#31b2d4
#3192d4
#3171d4
#3150d4
#3231d4

Triadic

#3171d4
#d43171
#71d431

Tetradic

#3171d4
#d431c2
#d49431
#31d442

Shades

#dae5f7
#b0c8ee
#85abe6
#5b8edd
#90aedb
#274778
#3171d4
#245aae
#1b4484
#132e59
#0a182f

Palette

#3171d4
#31c2d4
#c3d331
#d49431
#d34131
#4231d4
#d43171
#71d431
#9431d4
#31d494
#5b8edd
#245aae
#85abe6
#1b4484
#b0c8ee
#132e59
#dae5f7
#0a182f

Typography

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*

Patterns

Contrast Checker

Imagine This Is Your Heading

I'm baby vegan DIY farm-to-table four loko mixtape. Franzen 3 wolf moon paleo, humblebrag echo park kitsch VHS etsy williamsburg wayfarers kinfolk distillery photo booth put a bird on it. Bodega boys freegan brunch tacos YOLO bitters tumeric paleo literally semiotics pork belly umami mustache craft beer. La croix chartreuse bespoke tacos fashion axe scenester polaroid fam. Celiac swag pabst polaroid cray kitsch tonx cloud bread.

AA lg

Fail

Contrast Ratio: 4.44:1,
WCAG Grading: AA lg

Imagine This Is Your Heading

I'm baby vegan DIY farm-to-table four loko mixtape. Franzen 3 wolf moon paleo, humblebrag echo park kitsch VHS etsy williamsburg wayfarers kinfolk distillery photo booth put a bird on it. Bodega boys freegan brunch tacos YOLO bitters tumeric paleo literally semiotics pork belly umami mustache craft beer. La croix chartreuse bespoke tacos fashion axe scenester polaroid fam. Celiac swag pabst polaroid cray kitsch tonx cloud bread.

AA

Pass

Contrast Ratio: 4.73:1,
WCAG Grading: AA

Color Blindness

Color blindness checking is crucial in design and development because it ensures that content is accessible to a broader audience, including those with color vision deficiencies. Approximately 8% of men and 0.5% of women worldwide experience some form of color blindness, making it essential to create visual content that is inclusive and easy to understand for everyone.

By checking for color blindness, designers can identify potential issues where important information might be lost or misinterpreted due to color distinctions, and make necessary adjustments. This practice not only improves the user experience but also aligns with accessibility standards, fostering inclusivity and ensuring that all users can engage with content equally.

Protanopia

#4d4dbc

Deuteranopia

#4944b6

Tritanopia

#34a9a5

Export Colors

NOTE: Export options are coming soon.

URL
Share
PDF
Image
CSS
ASE
SVG
Code
Embed
Facebook
Twitter
Pinterest

Code Create Conquer

Schedule a Consultation

©2018-2024 Colorful Dots, LLC.Made in NY