Naples Yellow

#FADA5E
RGB
250, 218, 94
HSL
48°, 94%, 67%
CMYK
0, 13, 62, 2
HSV
48°, 62%, 98%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FADA5E color: #FADA5E;
RGB 250, 218, 94 color: rgb(250, 218, 94);
RGB Percentage 98%, 85%, 37% color: rgb(98%, 85%, 37%);
CMYK 0%, 13%, 62%, 2% Not supported in CSS
HSL 48°, 94%, 67% color: hsl(48, 94%, 67%);
HSV 48°, 62%, 98% Not supported in CSS
CIE-LAB 54, 6, 41 color: lab(54% 6 41);
Decimal 16439902 Not supported in CSS

Color Variations

Shades

#FADA5C
#F9D33B
#F8CB19
#E8BB07
#C7A006
#A68605
#856B04
#635003

Tints

#FDF4CE
#FDF0BE
#FCEDAD
#FCE99D
#FBE58D
#FBE27C
#FADE6C
#FADA5C

Tones

#FADA5C
#F2D664
#EAD16C
#E2CC73
#DAC77B
#D2C383
#CABE8B
#C3B993

Hues

#FADA5C
#A3FA5C
#5CFA8B
#5CF2FA
#5C7BFA
#B35CFA
#FA5CCA
#FA645C

Color Harmonies

Analogous

#FA8B5C
Click to copy
Light Red
82%
#FADA5E
Click to copy
Naples Yellow
100%
#CAFA5C
Click to copy
Light Yellow
87%

Complementary

#FADA5E
Click to copy
Naples Yellow
100%
#5C7BFA
Click to copy
Light Blue
45%

Split Complementary

#FADA5E
Click to copy
Naples Yellow
100%
#5CCAFA
Click to copy
Light Cyan
50%
#8B5CFA
Click to copy
Light Blue
48%

Triadic

#FADA5E
Click to copy
Naples Yellow
100%
#5CFADA
Click to copy
Light Cyan
54%
#DA5CFA
Click to copy
Light Purple
54%

Tetradic

#FADA5E
Click to copy
Naples Yellow
100%
#5CFA8B
Click to copy
Light Green
62%
#5C7BFA
Click to copy
Light Blue
45%
#FA5CCA
Click to copy
Light Purple
62%

Square

#FADA5E
Click to copy
Naples Yellow
100%
#5CFA8B
Click to copy
Light Green
62%
#5C7BFA
Click to copy
Light Blue
45%
#FA5CCA
Click to copy
Light Purple
62%

CSS & Dev Snippets

CSS
.naples-yellow {
  color: #FADA5E;
}
SCSS
$naples-yellow: #FADA5E;
RGB
rgb(250, 218, 94)

Accessibility & Contrast

White background

1.38:1
1.38
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

15.25:1
15.25
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags