0 views

#ccfb0b - Color Information

#ccfb0b

Base Information

HEX

#ccfb0b

RGB

204,251,11

HSL

72,97,51

HSV

72,96,98

CMYK

19,0,96,2

LAB

93,-40,89

LCH

93,97,114

XYZ

59,82,13

Web Safe

#ccff00

Web Smart

#ccff11

is dark

luminosity

0.8186

Pantone Color

Combinations

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

#ccfb0b

#3A0BFB

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

#ccfb0b

#0B54FB

#B20BFB

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

#ccfb0b

#0BCCFB

#FB0BCC

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

#ccfb0b

#0BFBB2

#3A0BFB

#FB0B54

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

#ccfb0b

#3A0BFB

#0B54FB

#B20BFB

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

#ccfb0b

#54FB0B

#0BFB3A

#0BFBB2

Shades

#ccfb0b Light Tints

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

#CCFB0B

#D1FB23

#D6FC3C

#DBFC54

#E0FD6D

#E6FD85

#EBFD9D

#F0FEB6

#F5FECE

#FAFFE7

#ccfb0b Gray Shades

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

#CCFB0B

#C4EF17

#BDE222

#B5D62E

#AECA3A

#A6BE46

#9EB151

#97A55D

#8F9969

#888C74

#ccfb0b Dark Shades

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

#CCFB0B

#B8E20A

#A3C909

#8FB008

#7A9707

#667E06

#526404

#3D4B03

#293202

#141901

#ccfb0b Red Shades

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

#CCFB0B

#D1E20A

#D6C909

#DBB008

#E09707

#E67E06

#EB6404

#F04B03

#F53202

#FA1901

#ccfb0b Green Shades

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

#CCFB0B

#B8EF0A

#A3E209

#8FD608

#7ACA07

#66BE06

#52B104

#3DA503

#299902

#148C01

#ccfb0b Blue Shades

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

#CCFB0B

#B8E223

#A3C93C

#8FB054

#7A976D

#667E85

#52649D

#3D4BB6

#2932CE

#1419E7

Readability Analysis

#ccfb0b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.37	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.25	A	Sample Text
Blue	7.11	AAA	Sample Text

#ccfb0b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.37	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.25	A	Sample Text
Blue	7.11	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecf05b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eced81`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#dbefa4`
Protanopia	No red perception - Dichromacy	`#ffe988`
Deuteranopia	No green perception - Dichromacy	`#ffe5c5`
Tritanopia	No blue perception - Dichromacy	`#e3e9fb`
Achromatomaly	Partial color blindness - Monochromacy	`#d9ea92`
Achromatopsia	Complete color blindness - Monochromacy	`#e0e0e0`

#ccfb0b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ccfb0b Light Tints

#ccfb0b Gray Shades

#ccfb0b Dark Shades

#ccfb0b Red Shades

#ccfb0b Green Shades

#ccfb0b Blue Shades

Readability Analysis

#ccfb0b as Text Color

#ccfb0b as Background Color

Color Blindness Simulation

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

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

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

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

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

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