0 views

#c3ccfd - Color Information

#c3ccfd

Base Information

HEX

#c3ccfd

RGB

195,204,253

HSL

231,94,88

HSV

231,23,99

CMYK

23,19,0,1

LAB

83,7,-25

LCH

83,26,286

XYZ

62,62,102

Web Safe

#ccccff

Web Smart

#bbccff

is dark

luminosity

0.6188

Pantone Color

Combinations

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

#c3ccfd

#FDF4C3

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

#c3ccfd

#FDD7C3

#E9FDC3

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

#c3ccfd

#FDC3CC

#CCFDC3

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

#c3ccfd

#FDC3E9

#FDF4C3

#C3FDD7

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

#c3ccfd

#FDF4C3

#FDD7C3

#E9FDC3

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

#c3ccfd

#D7C3FD

#F4C3FD

#FDC3E9

Shades

#c3ccfd Light Tints

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

#C3CCFD

#C9D1FD

#CFD6FD

#D5DBFE

#DBE0FE

#E1E6FE

#E7EBFE

#EDF0FE

#F3F5FF

#F9FAFF

#c3ccfd Gray Shades

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

#C3CCFD

#BCC4F1

#B6BDE4

#AFB5D8

#A8AECB

#A2A6BF

#9B9EB2

#9497A6

#8D8F99

#87888D

#c3ccfd Dark Shades

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

#C3CCFD

#B0B8E4

#9CA3CA

#898FB1

#757A98

#62667F

#4E5265

#3A3D4C

#272933

#131419

#c3ccfd Red Shades

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

#C3CCFD

#C9B8E4

#CFA3CA

#D58FB1

#DB7A98

#E1667F

#E75265

#ED3D4C

#F32933

#F91419

#c3ccfd Green Shades

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

#C3CCFD

#B0C4E4

#9CBDCA

#89B5B1

#75AE98

#62A67F

#4E9E65

#3A974C

#278F33

#138819

#c3ccfd Blue Shades

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

#C3CCFD

#B0B8FD

#9CA3FD

#898FFE

#757AFE

#6266FE

#4E52FE

#3A3DFE

#2729FF

#1314FF

Readability Analysis

#c3ccfd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.38	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.27	A	Sample Text
Blue	5.47	AA	Sample Text

#c3ccfd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.38	AAA	Sample Text
Red	2.55	Fail	Sample Text
Green	3.27	A	Sample Text
Blue	5.47	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2cbfd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c6cafd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#becfeb`
Protanopia	No red perception - Dichromacy	`#c1cbfd`
Deuteranopia	No green perception - Dichromacy	`#c8c9fe`
Tritanopia	No blue perception - Dichromacy	`#bbd0e0`
Achromatomaly	Partial color blindness - Monochromacy	`#cacddf`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#c3ccfd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#c3ccfd complementaryColors that are opposite to each other, forming a contrasting pair.

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

#c3ccfd triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

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

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

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

Shades

#c3ccfd Light Tints

#c3ccfd Gray Shades

#c3ccfd Dark Shades

#c3ccfd Red Shades

#c3ccfd Green Shades

#c3ccfd Blue Shades

Readability Analysis

#c3ccfd as Text Color

#c3ccfd as Background Color

Color Blindness Simulation

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

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

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

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

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

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