Tropical Paradise

#008080

#40E0D0

#F8F8FF

#FFD700

#FF6347

Actions

Explore the palette in different formats, and actions.

Colors overview

Playful, vibrant, and full of tropical zest.

AI-generated description.

Yellow

White

Cyan

Red

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#008080	rgb(0, 128, 128)	hsl(180 100% 25%)	oklab(54% -0.09 -0.02)	oklch(54% 0.09 190)	color(display-p3 0.22 0.49 0.5)
	#40e0d0	rgb(64, 224, 208)	hsl(170 72% 56%)	oklab(82% -0.13 -0.01)	oklch(82% 0.13 190)	color(display-p3 0.45 0.87 0.81)
	#f8f8ff	rgb(248, 248, 255)	hsl(240 100% 99%)	oklab(98% 0 -0.01)	oklch(98% 0.01 290)	color(display-p3 0.97 0.97 1)
	#ffd700	rgb(255, 215, 0)	hsl(51 100% 50%)	oklab(89% -0.02 0.18)	oklch(89% 0.18 95)	color(display-p3 0.97 0.85 0.29)
	#ff6347	rgb(255, 99, 71)	hsl(9.1 100% 64%)	oklab(70% 0.17 0.1)	oklch(70% 0.2 32)	color(display-p3 0.93 0.43 0.32)

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

#008080

AA - 4.77



#40E0D0

AA - 1.64



#F8F8FF

AA - 1.05



#FFD700

AA - 1.4



#FF6347

AA - 2.94



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(54.3% -0.09 -0.024), oklab(82.2% -0.13 -0.012), oklab(98.1% 0.003 -0.009), oklab(88.7% -0.017 0.181), oklab(69.6% 0.165 0.105))

Fallback colors



background: linear-gradient(45deg, #008080, #40E0D0, #F8F8FF, #FFD700, #FF6347)

Colors



<!-- Primary Colors -->
<color name="tropical_paradise_color_10">#008080</color>
<color name="tropical_paradise_color_20">#40E0D0</color>
<color name="tropical_paradise_color_30">#F8F8FF</color>
<color name="tropical_paradise_color_40">#FFD700</color>
<color name="tropical_paradise_color_50">#FF6347</color>

PWA prompt