0 views

#ccf056 - Color Information

#ccf056

Base Information

HEX

#ccf056

RGB

204,240,86

HSL

74,84,64

HSV

74,64,94

CMYK

15,0,64,6

LAB

90,-32,68

LCH

90,75,116

XYZ

58,76,20

Web Safe

#ccff66

Web Smart

#ccee55

is dark

luminosity

0.7583

Pantone Color

Combinations

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

#ccf056

#7A56F0

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

#ccf056

#567FF0

#C756F0

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

#ccf056

#56CCF0

#F056CC

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

#ccf056

#56F0C7

#7A56F0

#F0567F

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

#ccf056

#7A56F0

#567FF0

#C756F0

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

#ccf056

#7FF056

#56F07A

#56F0C7

Shades

#ccf056 Light Tints

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

#CCF056

#D1F267

#D6F378

#DBF589

#E0F69A

#E6F8AB

#EBF9BB

#F0FBCC

#F5FCDD

#FAFEEE

#ccf056 Gray Shades

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

#CCF056

#C4E55A

#BDDA5E

#B5CE63

#AEC367

#A6B86B

#9EAD6F

#97A273

#8F9678

#888B7C

#ccf056 Dark Shades

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

#CCF056

#B8D84D

#A3C045

#8FA83C

#7A9034

#66782B

#526022

#3D481A

#293011

#141809

#ccf056 Red Shades

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

#CCF056

#D1D84D

#D6C045

#DBA83C

#E09034

#E6782B

#EB6022

#F0481A

#F53011

#FA1809

#ccf056 Green Shades

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

#CCF056

#B8E54D

#A3DA45

#8FCE3C

#7AC334

#66B82B

#52AD22

#3DA21A

#299611

#148B09

#ccf056 Blue Shades

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

#CCF056

#B8D867

#A3C078

#8FA889

#7A909A

#6678AB

#5260BB

#3D48CC

#2930DD

#1418EE

Readability Analysis

#ccf056 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.30	Fail	Sample Text
Black	16.17	AAA	Sample Text
Red	3.08	A	Sample Text
Green	3.95	A	Sample Text
Blue	6.61	AA	Sample Text

#ccf056 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.30	Fail	Sample Text
Black	16.17	AAA	Sample Text
Red	3.08	A	Sample Text
Green	3.95	A	Sample Text
Blue	6.61	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebe754`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ece38f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8e6b9`
Protanopia	No red perception - Dichromacy	`#fce153`
Deuteranopia	No green perception - Dichromacy	`#ffdbaf`
Tritanopia	No blue perception - Dichromacy	`#dfe0f1`
Achromatomaly	Partial color blindness - Monochromacy	`#d7e4ac`
Achromatopsia	Complete color blindness - Monochromacy	`#dddddd`

#ccf056 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf056 Light Tints

#ccf056 Gray Shades

#ccf056 Dark Shades

#ccf056 Red Shades

#ccf056 Green Shades

#ccf056 Blue Shades

Readability Analysis

#ccf056 as Text Color

#ccf056 as Background Color

Color Blindness Simulation

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

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

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

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

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

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