Back Home

1 views

#96afcc - Color Information

#96afcc

Base Information

HEX

#96afcc

RGB

150,175,204

HSL

212,35,69

HSV

212,26,80

CMYK

26,14,0,20

LAB

71,-2,-18

LCH

71,18,263

XYZ

39,42,63

Web Safe

#9999cc

Web Smart

#99aacc

luminosity

0.4150

is dark color

No

Generate #96afcc solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#96afcc complementary

Colors that are opposite to each other, forming a contrasting pair.

#96afcc

#CCB396

#96afcc splitComplementary

A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#96afcc

#CC9896

#CACC96

#96afcc triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#96afcc

#CC96AF

#AFCC96

#96afcc tetradic

Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#96afcc

#CC96CA

#CCB396

#96CC98

#96afcc analogousComplementary

A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#96afcc

#CCB396

#CC9896

#CACC96

#96afcc analogous

Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#96afcc

#9896CC

#B396CC

#CC96CA

Shades

#96afcc Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#96AFCC

#A1B7D1

#ABBFD6

#B6C7DB

#C0CFE0

#CBD7E6

#D5DFEB

#E0E7F0

#EAEFF5

#F5F7FA

#96afcc Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#96AFCC

#94AAC4

#92A6BD

#8FA1B5

#8D9CAE

#8B98A6

#89939E

#878E97

#84898F

#828588

#96afcc Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#96AFCC

#879EB8

#788CA3

#697A8F

#5A697A

#4B5866

#3C4652

#2D343D

#1E2329

#0F1114

#96afcc Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#96AFCC

#A19EB8

#AB8CA3

#B67A8F

#C0697A

#CB5866

#D54652

#E0343D

#EA2329

#F51114

#96afcc Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#96AFCC

#87AAB8

#78A6A3

#69A18F

#5A9C7A

#4B9866

#3C9352

#2D8E3D

#1E8929

#0F8514

#96afcc Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#96AFCC

#879ED1

#788CD6

#697ADB

#5A69E0

#4B58E6

#3C46EB

#2D34F0

#1E23F5

#0F11FA

Readability Analysis

#96afcc as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White2.26Fail
Sample Text
Black9.30AAA
Sample Text
Red1.77Fail
Sample Text
Green2.28Fail
Sample Text
Blue3.81A
Sample Text

#96afcc as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White2.26Fail
Sample Text
Black9.30AAA
Sample Text
Red1.77Fail
Sample Text
Green2.28Fail
Sample Text
Blue3.81A
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#9facca
DeuteranomalyGreen weakness - Anomalous trichromacy#a3aacd
TritanomalyBlue weakness - Anomalous trichromacy#93b0c3
ProtanopiaNo red perception - Dichromacy#a5aac8
DeuteranopiaNo green perception - Dichromacy#aba7cd
TritanopiaNo blue perception - Dichromacy#91b0be
AchromatomalyPartial color blindness - Monochromacy#a4adb7
AchromatopsiaComplete color blindness - Monochromacy#acacac

#96afcc Color Code

NameCode
#96afcc css background color code
.bg { background-color: #96afcc; }
#96afcc css text color code
.text { color: #96afcc; }
#96afcc css border color code
.border { border-color: #96afcc; }