#FFD12A

#FFB547

#FF9863

#FF7B80

#FF5E9D

Vibes

Colors overview

Yellow
Orange
Pink
Color HEX RGB HSL HWB HSV CMYK Pantone (Or similar) Color schemes
#ffd12a rgb(255, 209, 42) hsl(47, 100%, 58%) hwb(47 16% 0%) hsv 47°, 84%, 100% cmyk 0%, 18%, 84%, 0% Pantone 810C
#ffb547 rgb(255, 181, 71) hsl(36, 100%, 64%) hwb(36 28% 0%) hsv 36°, 72%, 100% cmyk 0%, 29%, 72%, 0% Pantone 1365C
#ff9863 rgb(255, 152, 99) hsl(20, 100%, 69%) hwb(20 39% 0%) hsv 20°, 61%, 100% cmyk 0%, 40%, 61%, 0% Pantone 1565C
#ff7b80 rgb(255, 123, 128) hsl(358, 100%, 74%) hwb(358 48% 0%) hsv 358°, 52%, 100% cmyk 0%, 52%, 50%, 0% Pantone 177C
#ff5e9d rgb(255, 94, 157) hsl(337, 100%, 68%) hwb(337 37% 0%) hsv 337°, 63%, 100% cmyk 0%, 63%, 38%, 0% Pantone 812C

Click a color format to copy to your clipboard.

Contrast checker

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

Color blindness

Note: The color blindness filters do not work on some browsers.

Far far away, behind the word mountains

UI components preview

New
32°
CPU
50°
GPU
100%
Usage

Vibes

Android color codes

<color name="Vibes_1">#FFD12A</color>
<color name="Vibes_2">#FFB547</color>
<color name="Vibes_3">#FF9863</color>
<color name="Vibes_4">#FF7B80</color>
<color name="Vibes_5">#FF5E9D</color>

Android gradient PRO

Unlock PRO features

Flutter color codes

const Vibes1 = Color(0xFFFFD12A);
const Vibes2 = Color(0xFFFFB547);
const Vibes3 = Color(0xFFFF9863);
const Vibes4 = Color(0xFFFF7B80);
const Vibes5 = Color(0xFFFF5E9D);

Flutter gradient PRO

Unlock PRO features

Vibes details

Type

Gradient

Combination scheme

analogous

Colors

Yellow
Orange
Pink

Tags

retro

Created

Sun May 26 2024