0 views

#c5f877 - Color Information

#c5f877

Base Information

HEX

#c5f877

RGB

197,248,119

HSL

84,90,72

HSV

84,52,97

CMYK

21,0,52,3

LAB

92,-36,56

LCH

92,67,123

XYZ

60,80,30

Web Safe

#ccff66

Web Smart

#ccff77

is dark

luminosity

0.8034

Pantone Color

Combinations

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

#c5f877

#AA77F8

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

#c5f877

#7784F8

#EB77F8

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

#c5f877

#77C5F8

#F877C5

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

#c5f877

#77F8EB

#AA77F8

#F87784

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

#c5f877

#AA77F8

#7784F8

#EB77F8

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

#c5f877

#84F877

#77F8AA

#77F8EB

Shades

#c5f877 Light Tints

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

#C5F877

#CBF985

#D1F992

#D6FAA0

#DCFBAD

#E2FCBB

#E8FCC9

#EEFDD6

#F3FEE4

#F9FEF1

#c5f877 Gray Shades

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

#C5F877

#BEEC78

#B7E079

#B0D47A

#A9C87B

#A3BC7C

#9CB07C

#95A47D

#8E987E

#878C7F

#c5f877 Dark Shades

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

#C5F877

#B1DF6B

#9EC65F

#8AAE53

#769547

#637C3C

#4F6330

#3B4A24

#273218

#14190C

#c5f877 Red Shades

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

#C5F877

#CBDF6B

#D1C65F

#D6AE53

#DC9547

#E27C3C

#E86330

#EE4A24

#F33218

#F9190C

#c5f877 Green Shades

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

#C5F877

#B1EC6B

#9EE05F

#8AD453

#76C847

#63BC3C

#4FB030

#3BA424

#279818

#148C0C

#c5f877 Blue Shades

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

#C5F877

#B1DF85

#9EC692

#8AAEA0

#7695AD

#637CBB

#4F63C9

#3B4AD6

#2732E4

#1419F1

Readability Analysis

#c5f877 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.07	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.98	AA	Sample Text

#c5f877 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.07	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.98	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eaed7b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eaeaa8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d1eecb`
Protanopia	No red perception - Dichromacy	`#ffe77d`
Deuteranopia	No green perception - Dichromacy	`#ffe2c4`
Tritanopia	No blue perception - Dichromacy	`#d8e9fb`
Achromatomaly	Partial color blindness - Monochromacy	`#d9ebbc`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#c5f877 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#c5f877 Light Tints

#c5f877 Gray Shades

#c5f877 Dark Shades

#c5f877 Red Shades

#c5f877 Green Shades

#c5f877 Blue Shades

Readability Analysis

#c5f877 as Text Color

#c5f877 as Background Color

Color Blindness Simulation

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

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

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

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

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

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