0 views

#ccf90a - Color Information

#ccf90a

Base Information

HEX

#ccf90a

RGB

204,249,10

HSL

71,95,51

HSV

71,96,98

CMYK

18,0,96,2

LAB

92,-39,88

LCH

92,97,114

XYZ

59,81,13

Web Safe

#ccff00

Web Smart

#ccff11

is dark

luminosity

0.8061

Pantone Color

Combinations

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

#ccf90a

#370AF9

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

#ccf90a

#0A55F9

#AE0AF9

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

#ccf90a

#0ACCF9

#F90ACC

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

#ccf90a

#0AF9AE

#370AF9

#F90A54

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

#ccf90a

#370AF9

#0A55F9

#AE0AF9

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

#ccf90a

#55F90A

#0AF937

#0AF9AE

Shades

#ccf90a Light Tints

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

#CCF90A

#D1FA22

#D6FA3B

#DBFB54

#E0FB6C

#E6FC85

#EBFD9D

#F0FDB6

#F5FECE

#FAFEE7

#ccf90a Gray Shades

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

#CCF90A

#C4ED16

#BDE122

#B5D52D

#AEC939

#A6BD45

#9EB051

#97A45D

#8F9868

#888C74

#ccf90a Dark Shades

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

#CCF90A

#B8E009

#A3C708

#8FAE07

#7A9506

#667D05

#526404

#3D4B03

#293202

#141901

#ccf90a Red Shades

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

#CCF90A

#D1E009

#D6C708

#DBAE07

#E09506

#E67D05

#EB6404

#F04B03

#F53202

#FA1901

#ccf90a Green Shades

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

#CCF90A

#B8ED09

#A3E108

#8FD507

#7AC906

#66BD05

#52B004

#3DA403

#299802

#148C01

#ccf90a Blue Shades

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

#CCF90A

#B8E022

#A3C73B

#8FAE54

#7A956C

#667D85

#52649D

#3D4BB6

#2932CE

#1419E7

Readability Analysis

#ccf90a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.12	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.19	A	Sample Text
Blue	7.01	AAA	Sample Text

#ccf90a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.12	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.19	A	Sample Text
Blue	7.01	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecee52`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eceb7e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#daeda2`
Protanopia	No red perception - Dichromacy	`#ffe87b`
Deuteranopia	No green perception - Dichromacy	`#ffe3c0`
Tritanopia	No blue perception - Dichromacy	`#e2e7f9`
Achromatomaly	Partial color blindness - Monochromacy	`#d8e891`
Achromatopsia	Complete color blindness - Monochromacy	`#dedede`

#ccf90a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccf90a Light Tints

#ccf90a Gray Shades

#ccf90a Dark Shades

#ccf90a Red Shades

#ccf90a Green Shades

#ccf90a Blue Shades

Readability Analysis

#ccf90a as Text Color

#ccf90a as Background Color

Color Blindness Simulation

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

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

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

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

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

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