BRL

#2C2A2D

#FAF2EF

#3C474D

#373342

#3FAB55

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Black

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#2c2a2d	rgb(44, 42, 45)	hsl(280 3.4% 17%)	oklab(29% 0 0)	oklch(29% 0.01 310)	color(display-p3 0.17 0.16 0.18)
	#faf2ef	rgb(250, 242, 239)	hsl(16 52% 96%)	oklab(97% 0.01 0.01)	oklch(97% 0.01 42)	color(display-p3 0.97 0.95 0.94)
	#3c474d	rgb(60, 71, 77)	hsl(200 12% 27%)	oklab(39% -0.01 -0.01)	oklch(39% 0.02 230)	color(display-p3 0.24 0.28 0.3)
	#373342	rgb(55, 51, 66)	hsl(260 13% 23%)	oklab(33% 0.01 -0.02)	oklch(33% 0.03 300)	color(display-p3 0.21 0.2 0.25)
	#3fab55	rgb(63, 171, 85)	hsl(130 46% 46%)	oklab(66% -0.13 0.09)	oklch(66% 0.16 150)	color(display-p3 0.37 0.66 0.37)

 Click on a color value to copy it 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