0 views

#13f774 - Color Information

#13f774

Base Information

HEX

#13f774

RGB

19,247,116

HSL

146,93,52

HSV

146,92,97

CMYK

92,0,53,3

LAB

86,-75,49

LCH

86,90,147

XYZ

37,68,28

Web Safe

#00ff66

Web Smart

#11ff77

luminosity

0.6792

is dark color

Generate #13f774 solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#13f774

#F71396

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

#13f774

#E613F7

#F71324

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

#13f774

#7413F7

#F77413

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

#13f774

#1324F7

#F71396

#F7E613

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

#13f774

#F71396

#E613F7

#F71324

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

#13f774

#13F7E6

#1396F7

#1324F7

Shades

#13f774 Light Tints

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

#13F774

#2BF882

#42F990

#5AF99E

#71FAAC

#89FBBA

#A1FCC7

#B8FDD5

#D0FDE3

#E7FEF1

#13f774 Gray Shades

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

#13F774

#1EEB75

#29DF76

#34D378

#3FC779

#4ABC7A

#54B07B

#5FA47C

#6A987E

#758C7F

#13f774 Dark Shades

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

#13F774

#11DE68

#0FC65D

#0DAD51

#0B9446

#0A7C3A

#08632E

#064A23

#043117

#02190C

#13f774 Red Shades

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

#13F774

#2BDE68

#42C65D

#5AAD51

#719446

#897C3A

#A1632E

#B84A23

#D03117

#E7190C

#13f774 Green Shades

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

#13F774

#11EB68

#0FDF5D

#0DD351

#0BC746

#0ABC3A

#08B02E

#06A423

#049817

#028C0C

#13f774 Blue Shades

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

#13F774

#11DE82

#0FC690

#0DAD9E

#0B94AC

#0A7CBA

#0863C7

#064AD5

#0431E3

#0219F1

Readability Analysis

#13f774 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.58	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.97	AA	Sample Text

#13f774 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.58	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.97	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ee26d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a9dd87`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4aedc9`
Protanopia	No red perception - Dichromacy	`#eed669`
Deuteranopia	No green perception - Dichromacy	`#ffce92`
Tritanopia	No blue perception - Dichromacy	`#6ae8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#7fd2a2`
Achromatopsia	Complete color blindness - Monochromacy	`#bdbdbd`

#13f774 Color Code

Name	Code
#13f774 css background color code	`.bg { background-color: #13f774; }`
#13f774 css text color code	`.text { color: #13f774; }`
#13f774 css border color code	`.border { border-color: #13f774; }`

#13f774 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #13f774 solid background color

Combinations

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

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

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

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

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

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

Shades

#13f774 Light Tints

#13f774 Gray Shades

#13f774 Dark Shades

#13f774 Red Shades

#13f774 Green Shades

#13f774 Blue Shades

Readability Analysis

#13f774 as Text Color

#13f774 as Background Color

Color Blindness Simulation

#13f774 Color Code

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

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

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

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

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

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