#BAE293 Color

Color Information

HEX#BAE293
RGB186, 226, 147
HSL90° , 58% , 73%
HSV90° , 35% , 89%
CMYK18%, 0%, 35%, 11%

Lighter Shades

#C2E5A0 #CBE9AD #D3ECBA #DBF0C7 #E3F3D4 #ECF7E1

Darker Shades

#A4C781 #8DAC70 #77915E #61764C #4A5A3B #343F29

Complementary Palette

#A0C27E #BAE293 #A07EC2 #BA92E2 #C4A1E6 #C4E6A2

Analogous Palette

#BFBF97 #D4D4A0 #AFD48A #BAE293 #A0D4A0 #A8D7A8

Triadic Palette

#A4C781 #BAE293 #8BBAE9 #99C2EC #E98BBA #CD7AA4

Split Complementary Palette

#A7CB84 #BAE293 #9292E2 #9D9DE5 #E292E2 #CB83CB

Square Palette

#9CBE7B #BAE293 #99DBDB #BA99DB #E29292 #E7A3A3

Tetradic Palette

#99B979 #BAE293 #86EEBA #BA92E2 #EE86BA #F19CC6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAE293 contains 186 red, 226 green, and 147 blue.

Contrast Ratio: 1.45:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 14.52:1