Colorffy

#255dce

#1c9fe7

#ffffff

#fafbfe

#6c757d

Actions

Explore the palette in different formats, and actions.

Colors overview

Blue

White

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#255dce	rgb(37, 93, 206)	hsl(220 70% 48%)	hwb(220 15% 19%)	lch(41.2 66.7 283)	lab(41.2 15.2 -65)	cmyk 82%, 55%, 0%, 19%
	#1c9fe7	rgb(28, 159, 231)	hsl(200 81% 51%)	hwb(200 11% 9.4%)	lch(61.6 48.7 253)	lab(61.6 -14.5 -46.5)	cmyk 88%, 31%, 0%, 9%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#fafbfe	rgb(250, 251, 254)	hsl(230 67% 99%)	hwb(230 98% 0.39%)	lch(98.6 1.56 272)	lab(98.6 0.054 -1.56)	cmyk 2%, 1%, 0%, 0%
	#6c757d	rgb(108, 117, 125)	hsl(210 7.3% 46%)	hwb(210 42% 51%)	lch(48.7 6.04 249)	lab(48.7 -2.18 -5.64)	cmyk 14%, 6%, 0%, 51%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#255dce

AA - 5.93



#1c9fe7

AA - 2.93



#ffffff

AA - 1



#fafbfe

AA - 1.03



#6c757d

AA - 4.68



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.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(51.1% -0.025 -0.183), oklab(67.1% -0.073 -0.129), oklab(100% 0 0), oklab(98.8% 0 -0.004), oklab(55.8% -0.007 -0.015))

Fallback colors



background: linear-gradient(45deg, #255dce, #1c9fe7, #ffffff, #fafbfe, #6c757d)

Colors



<!-- Primary Colors -->
<color name="colorffy_color_10">#255dce</color>
<color name="colorffy_color_20">#1c9fe7</color>
<color name="colorffy_color_30">#ffffff</color>
<color name="colorffy_color_40">#fafbfe</color>
<color name="colorffy_color_50">#6c757d</color>

PWA prompt