Back Home

0 views

#cde25a - Color Information

#cde25a

Base Information

HEX

#cde25a

RGB

205,226,90

HSL

69,70,62

HSV

69,60,89

CMYK

9,0,60,11

LAB

86,-25,62

LCH

86,67,112

XYZ

54,68,20

Web Safe

#cccc66

Web Smart

#ccdd55

luminosity

0.6811

is dark color

No

Generate #cde25a solid background color

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

Combinations

#cde25a complementary

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

#cde25a

#6F5AE2

#cde25a splitComplementary

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

#cde25a

#5A89E2

#B35AE2

#cde25a triadic

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

#cde25a

#5ACDE2

#E25ACD

#cde25a tetradic

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

#cde25a

#5AE2B3

#6F5AE2

#E25A89

#cde25a analogousComplementary

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

#cde25a

#6F5AE2

#5A89E2

#B35AE2

#cde25a analogous

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

#cde25a

#89E25A

#5AE26F

#5AE2B3

Shades

#cde25a Light Tints

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

#CDE25A

#D2E56B

#D7E87B

#DCEB8C

#E1EE9C

#E6F1AD

#EBF3BD

#F0F6CE

#F5F9DE

#FAFCEF

#cde25a Gray Shades

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

#CDE25A

#C5D85E

#BECE62

#B6C565

#AEBB69

#A7B16D

#9FA771

#979D75

#8F9478

#888A7C

#cde25a Dark Shades

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

#CDE25A

#B9CB51

#A4B548

#909E3F

#7B8836

#67712D

#525A24

#3D441B

#292D12

#141709

#cde25a Red Shades

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

#CDE25A

#D2CB51

#D7B548

#DC9E3F

#E18836

#E6712D

#EB5A24

#F0441B

#F52D12

#FA1709

#cde25a Green Shades

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

#CDE25A

#B9D851

#A4CE48

#90C53F

#7BBB36

#67B12D

#52A724

#3D9D1B

#299412

#148A09

#cde25a Blue Shades

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

#CDE25A

#B9CB6B

#A4B57B

#909E8C

#7B889C

#6771AD

#525ABD

#3D44CE

#292DDE

#1417EF

Readability Analysis

#cde25a as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White1.44Fail
Sample Text
Black14.62AAA
Sample Text
Red2.78Fail
Sample Text
Green3.58A
Sample Text
Blue5.98AA
Sample Text

#cde25a as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White1.44Fail
Sample Text
Black14.62AAA
Sample Text
Red2.78Fail
Sample Text
Green3.58A
Sample Text
Blue5.98AA
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#e3db58
DeuteranomalyGreen weakness - Anomalous trichromacy#edd679
TritanomalyBlue weakness - Anomalous trichromacy#d7d8b1
ProtanopiaNo red perception - Dichromacy#f0d658
DeuteranopiaNo green perception - Dichromacy#ffce8b
TritanopiaNo blue perception - Dichromacy#ddd3e3
AchromatomalyPartial color blindness - Monochromacy#d1d9a7
AchromatopsiaComplete color blindness - Monochromacy#d4d4d4

#cde25a Color Code

NameCode
#cde25a css background color code
.bg { background-color: #cde25a; }
#cde25a css text color code
.text { color: #cde25a; }
#cde25a css border color code
.border { border-color: #cde25a; }