Peace Color Gradient

 #80ffb5

 #94d4ff

 #809bff

Colors overview

 Blue

 Green

 Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#80ffb5	rgb(128, 255, 181)	hsl(150 100% 75%)	hwb(150 50% 0%)	lch(91.4 54.9 154)	lab(91.4 -49.3 24.2)	cmyk 50%, 0%, 29%, 0%
	#94d4ff	rgb(148, 212, 255)	hsl(200 100% 79%)	hwb(200 58% 0%)	lch(81.8 30.8 245)	lab(81.8 -12.9 -27.9)	cmyk 42%, 17%, 0%, 0%
	#809bff	rgb(128, 155, 255)	hsl(230 100% 75%)	hwb(230 50% 0%)	lch(65.2 54.7 282)	lab(65.2 11 -53.6)	cmyk 50%, 39%, 0%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#80ffb5

AA - 1.24



#94d4ff

AA - 1.6



#809bff

AA - 2.6



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.



32°

CPU



48°

GPU



100%

Usage



11°

Rain



70%

Storage

HDR space

HDR oklab colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), oklab(90.8% -0.141 0.063), oklab(84.2% -0.046 -0.076), oklab(71.3% 0.002 -0.149))

Fallback colors New



--angle: 45deg; 
 background: linear-gradient(var(--angle), #80ffb5, #94d4ff, #809bff)

Colors



<resources>
    <color name="peace_100">#80ffb5</color>
    <color name="peace_200">#94d4ff</color>
    <color name="peace_300">#809bff</color>
</resources>

Gradient PRO

Pro feature only

Get access to all app tokens, export files, and more.

PWA prompt