Coloried

Apricot

Apricot color is a vibrant shade of light pink. Its hex code is #FBCEB1 and rgb code is rgb(251, 206, 177), Its CMYK value is cmyk(0%, 18%, 29%, 2%), and Its HSL value is hsl(24, 90%, 84%). The contrast ratio against white is 1.44:1, and against black, contrast ratio is 14.57:1. Its complementary color is #B1DEFB and closest tailwind color is orange-200. This color goes well with #F3DE20, #F32035, #BD520A, #51F6E5, and #5161F6. To recreate the Apricot color, you can mix #FFFFFF and #F79D63.

Apricot color code
|
1. Color Conversions
HEX#FBCEB1
RGB251, 206, 177
HSL24°, 90%, 84%
HSV24°, 90%, 98%
CMYK0%, 18%, 29%, 2%
Web Safe#FFCC99
2. Contrast Ratio
Text on #FFFFFF1.44:1
Fail LargeFail Normal
Text on #00000014.57:1
AAA LargeAAA Normal
3. Apricot Color Code in CSS
HEX
#FBCEB1
RGB
rgb(251, 206, 177)
HSL
hsl(24, 90%, 84%)
Text Color
color: #FBCEB1;
Background
background-color: #FBCEB1;
Border Color
border-color: #FBCEB1;
Box Shadow
box-shadow: 0 4px 14px 0 #FBCEB180;
SCSS
$color-apricot: #FBCEB1;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#E8E7B8
Deuteranopia#EAEEBA
Tritanopia#F9BEBF
Achromatopsia#D8D8D8
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Desert Sand#EDC9AF
Warm Beige#D8BCAB
Peach Fuzz#FFBE98
Light Apricot#FDD5B1
Seashell#FFF5EE
Dusty Rose#DCAE96
Light Peach#FFDAB9
Nude#E3BC9A
Shrimp Cocktail#F4A261
Pastel Orange#FF964F
Color Ideas
Dark Purple#301934
Dark Race Red#D32F2F
Dark Raspberry#872657
Dark Red#8B0000
Dark Red Brown#4A1F21
Dark Rose#B5485D
Dark Royal Blue#021945
Dark Royal Purple#4B006E
Dark Saffron#FF9933
Dark Sage#598556
About Apricot
Color Name
Apricot
HEX
#FBCEB1
Color Family
orange
X11 Name
Apricot
LAB
88.31, 3.72, 5.21
Preview Text
Aa