Apricot

#FFB27F
RGB
255, 178, 127
HSL
24°, 100%, 75%
CMYK
0, 30, 50, 0
HSV
24°, 50%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFB27F color: #FFB27F;
RGB 255, 178, 127 color: rgb(255, 178, 127);
RGB Percentage 100%, 70%, 50% color: rgb(100%, 70%, 50%);
CMYK 0%, 30%, 50%, 0% Not supported in CSS
HSL 24°, 100%, 75% color: hsl(24, 100%, 75%);
HSV 24°, 50%, 100% Not supported in CSS
CIE-LAB 60, 15, 17 color: lab(60% 15 17);
Decimal 16757375 Not supported in CSS

Color Variations

Shades

#FFB380
#FF9C59
#FF8533
#FF6E0D
#E65C00
#BF4D00
#993D00
#732E00

Tints

#FFE8D9
#FFE0CC
#FFD9BF
#FFD1B3
#FFC9A6
#FFC299
#FFBA8C
#FFB380

Tones

#FFB380
#F9B486
#F2B58C
#ECB693
#E6B899
#DFB99F
#D9BAA6
#D2BBAC

Hues

#FFB380
#ECFF80
#8CFF80
#80FFD2
#80CCFF
#9380FF
#F280FF
#FF80AC

Color Harmonies

Analogous

#FF808C
Click to copy
Light Magenta
88%
#FFB27F
Click to copy
Apricot
100%
#FFF280
Click to copy
Light Orange
85%

Complementary

#FFB27F
Click to copy
Apricot
100%
#80CCFF
Click to copy
Light Cyan
59%

Split Complementary

#FFB27F
Click to copy
Apricot
100%
#80FFF2
Click to copy
Light Cyan
57%
#808CFF
Click to copy
Light Blue
58%

Triadic

#FFB27F
Click to copy
Apricot
100%
#80FFB3
Click to copy
Light Green
64%
#B380FF
Click to copy
Light Blue
64%

Tetradic

#FFB27F
Click to copy
Apricot
100%
#8CFF80
Click to copy
Light Green
69%
#80CCFF
Click to copy
Light Cyan
59%
#F280FF
Click to copy
Light Purple
69%

Square

#FFB27F
Click to copy
Apricot
100%
#8CFF80
Click to copy
Light Green
69%
#80CCFF
Click to copy
Light Cyan
59%
#F280FF
Click to copy
Light Purple
69%

CSS & Dev Snippets

CSS
.apricot {
  color: #FFB27F;
}
SCSS
$apricot: #FFB27F;
RGB
rgb(255, 178, 127)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags