Teal Sense

#1B4742

#2B7A6B

#39A273

#F38630

#EDD19C

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Orange

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#1b4742	rgb(27, 71, 66)	hsl(170 45% 19%)	oklab(37% -0.05 0)	oklch(37% 0.05 190)	color(display-p3 0.15 0.27 0.26)
	#2b7a6b	rgb(43, 122, 107)	hsl(170 48% 32%)	oklab(53% -0.08 0)	oklch(53% 0.08 180)	color(display-p3 0.26 0.47 0.42)
	#39a273	rgb(57, 162, 115)	hsl(150 48% 43%)	oklab(64% -0.11 0.04)	oklch(64% 0.12 160)	color(display-p3 0.35 0.63 0.46)
	#f38630	rgb(243, 134, 48)	hsl(26 89% 57%)	oklab(73% 0.1 0.13)	oklch(73% 0.16 54)	color(display-p3 0.9 0.55 0.27)
	#edd19c	rgb(237, 209, 156)	hsl(39 69% 77%)	oklab(87% 0.01 0.07)	oklch(87% 0.08 83)	color(display-p3 0.91 0.82 0.64)

 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.

#1B4742

AAA - 10.36



#2B7A6B

AA - 5.12



#39A273

AA - 3.18



#F38630

AA - 2.54



#EDD19C

AA - 1.47



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(36.6% -0.049 -0.004), oklab(52.7% -0.08 0.003), oklab(63.9% -0.113 0.04), oklab(72.7% 0.096 0.132), oklab(87.2% 0.009 0.075))

Fallback colors



background: linear-gradient(45deg, #1B4742, #2B7A6B, #39A273, #F38630, #EDD19C)

Colors



<!-- Primary Colors -->
<color name="teal_sense_color_10">#1B4742</color>
<color name="teal_sense_color_20">#2B7A6B</color>
<color name="teal_sense_color_30">#39A273</color>
<color name="teal_sense_color_40">#F38630</color>
<color name="teal_sense_color_50">#EDD19C</color>

PWA prompt