Honeysuckle

#EAE86F

What color is Honeysuckle?

Honeysuckle is a warm, medium yellow with a soft green undertone, hex #EAE86F, giving it the gently muted quality of a ripe lemon rind. The color has enough yellow to read as sunny but enough green to keep it from feeling sharp or acidic.

What is the meaning of the color Honeysuckle?

Named after the honeysuckle flower, whose pale yellow blooms have been a fixture in English cottage gardens since at least the 16th century, this color carries associations with warmth, informality, and the natural world. The name was recorded in English color use by the early 20th century as part of a broader trend of naming soft yellows after flowering plants. Pantone brought the shade wider attention when it selected a close variant of this tone for commercial color reference, helping standardize its use in textile and interior markets. The color is catalogued in Pantone’s extended fashion and home palette, where it sits within a family of soft, nature-derived yellows used in spring and summer collections.

RGB
234, 232, 111
HSL
59°, 75%, 68%
CMYK
0, 1, 53, 8
HSV
59°, 53%, 92%
Honeysuckle color

What colors go with Honeysuckle?

Colors that pair well with Honeysuckle include:
Sage Green: gentle, nature-grounded harmony
Soft White: clean, airy brightness
Terracotta: warm, earthy contrast
Dusty Lavender: cool, calming balance
Charcoal Gray: strong, grounding depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EAE86F color: #EAE86F;
RGB 234, 232, 111 color: rgb(234, 232, 111);
RGB Percentage 92%, 91%, 44% color: rgb(92%, 91%, 44%);
CMYK 0%, 1%, 53%, 8% Not supported in CSS
HSL 59°, 75%, 68% color: hsl(59, 75%, 68%);
HSV 59°, 53%, 92% Not supported in CSS
CIE-LAB 54, 0, 40 color: lab(54% 0 40);
Decimal 15394927 Not supported in CSS

Color Variations

Shades

#EBE970
#E6E452
#E2DF34
#D4D11E
#B6B31A
#989616
#797811
#5B5A0D

Tints

#F9F8D4
#F7F6C6
#F5F4B8
#F3F2A9
#F1EF9B
#EFED8D
#EDEB7E
#EBE970

Tones

#EBE970
#E4E376
#DEDD7C
#D8D783
#D2D189
#CCCB8F
#C6C595
#C0BF9B

Hues

#EBE970
#91EB70
#70EBAB
#70CEEB
#7072EB
#CA70EB
#EB70AF
#EB8D70

Color Harmonies

Analogous

#EBAB70
Click to copy
99%
#EAE86F
Click to copy
#AFEB70
Click to copy

Complementary

#EAE86F
Click to copy
#7072EB
Click to copy

Split Complementary

#EAE86F
Click to copy
#70AFEB
Click to copy
#AB70EB
Click to copy

Triadic

#EAE86F
Click to copy
#70EBE9
Click to copy
#E970EB
Click to copy

Tetradic

#EAE86F
Click to copy
#70EBAB
Click to copy
#7072EB
Click to copy
#EB70AF
Click to copy

Square

#EAE86F
Click to copy
#70EBAB
Click to copy
#7072EB
Click to copy
#EB70AF
Click to copy

CSS & Dev Snippets

CSS
.honeysuckle {
  color: #EAE86F;
}
SCSS
$honeysuckle: #EAE86F;
RGB
rgb(234, 232, 111)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags