#2C2A2D

#FAF2EF

#3C474D

#373342

#3FAB55

BRL

#2C2A2D

#FAF2EF

#3C474D

#373342

#3FAB55



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Green

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2c2a2d	rgb(44, 42, 45)	hsl(280 3.4% 17%)	hwb(280 16% 82%)	lch(17.4 2.19 312)	lab(17.4 1.47 -1.62)	cmyk 2%, 7%, 0%, 82%
	#faf2ef	rgb(250, 242, 239)	hsl(16 52% 96%)	hwb(16 94% 2%)	lch(96.1 3.43 45.7)	lab(96.1 2.39 2.45)	cmyk 0%, 3%, 4%, 2%
	#3c474d	rgb(60, 71, 77)	hsl(200 12% 27%)	hwb(200 24% 70%)	lch(29.3 6.23 236)	lab(29.3 -3.45 -5.18)	cmyk 22%, 8%, 0%, 70%
	#373342	rgb(55, 51, 66)	hsl(260 13% 23%)	hwb(260 20% 74%)	lch(22.1 9.87 298)	lab(22.1 4.57 -8.75)	cmyk 17%, 23%, 0%, 74%
	#3fab55	rgb(63, 171, 85)	hsl(130 46% 46%)	hwb(130 25% 33%)	lch(62.4 57.6 143)	lab(62.4 -46.1 34.5)	cmyk 63%, 0%, 50%, 33%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2C2A2D

AAA - 14.22



#FAF2EF

AA - 1.1



#3C474D

AAA - 9.54



#373342

AAA - 12.24



#3FAB55

AA - 2.92



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(28.8% 0.004 -0.004), oklab(96.7% 0.007 0.006), oklab(39% -0.011 -0.014), oklab(33.1% 0.012 -0.024), oklab(65.9% -0.133 0.085))

Fallback colors



background: linear-gradient(45deg, #2C2A2D, #FAF2EF, #3C474D, #373342, #3FAB55)

Colors



<!-- Primary Colors -->
<color name="brl_color_10">#2C2A2D</color>
<color name="brl_color_20">#FAF2EF</color>
<color name="brl_color_30">#3C474D</color>
<color name="brl_color_40">#373342</color>
<color name="brl_color_50">#3FAB55</color>

PWA prompt