ColorTool
Log in
#F2D1BF

#f2d1bf ≈ Unbleached Silk

  • orange
  • Lightness: very high
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#f2d1bf is a color from the orange family, with very high lightness and muted saturation. In the RGB model it is made of 94.9% red, 81.96% green and 74.9% blue; printed in CMYK it uses 0% cyan, 13.64% magenta, 21.07% yellow and 5.1% black. Its hue angle is 21.18°, with 66.23% saturation and 84.9% lightness in HSL. It is a warm color, often associated with enthusiasm, warmth and creativity. Designers typically use it for call-to-action buttons, food and restaurant brands and soft pastel palettes. Black text on this color reaches a contrast ratio of 14.65:1 (WCAG AAA). The closest named color is Unbleached Silk (#ffddca), ΔE 2.76.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#ffcccc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.6824

Complementary

  1. #f2d1bf
  2. #bfe0f2

Split complementary

  1. #f2d1bf
  2. #bff2ea
  3. #bfc6f2

Analogous

  1. #f2bfc6
  2. #f2d1bf
  3. #f2eabf

Triadic

  1. #f2d1bf
  2. #bff2d1
  3. #d1bff2

Tetradic

  1. #f2d1bf
  2. #e0f2bf
  3. #bfe0f2
  4. #d1bff2

Square

  1. #f2d1bf
  2. #c6f2bf
  3. #bfe0f2
  4. #eabff2

Monochromatic

  1. #d87640
  2. #e5a37f
  3. #f2d1bf
  4. #fcf3ee
  5. #fcf3ee

Shades

#f2d1bf mixed progressively with black.

  1. #f2d1bf
  2. #dabcac
  3. #c2a799
  4. #a99286
  5. #917d73
  6. #796960
  7. #61544c
  8. #493f39
  9. #302a26
  10. #181513
  11. #000000

Tints

#f2d1bf mixed progressively with white.

  1. #f2d1bf
  2. #f3d6c5
  3. #f5dacc
  4. #f6dfd2
  5. #f7e3d9
  6. #f9e8df
  7. #faede5
  8. #fbf1ec
  9. #fcf6f2
  10. #fefaf9
  11. #ffffff

Tones

#f2d1bf mixed progressively with gray.

  1. #f2d1bf
  2. #e7c9b9
  3. #dbc1b2
  4. #d0b9ac
  5. #c4b1a6
  6. #b9a9a0
  7. #aea099
  8. #a29893
  9. #97908d
  10. #8b8886
  11. #808080

Readable text 1.43:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 14.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #d7d7d7 ≈ 0.003% of males
Achromatomaly #e3d5ce ≈ 0.001% of males
Protanopia #dad3be ≈ 1.01% of males
Deuteranopia #e1dabf ≈ 1.27% of males
Tritanopia #fccccc ≈ 0.0001% of males
Protanomaly #e4d2be ≈ 1.08% of males
Deuteranomaly #e8d7bf ≈ 4.63% of males
Tritanomaly #f8cec7 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-f2d1bf {
  color: #f2d1bf;
}
Background
.bg-f2d1bf {
  background-color: #f2d1bf;
  color: #000000;
}
Border
.border-f2d1bf {
  border: 2px solid #f2d1bf;
}
CSS variables
:root {
  --color-primary: #f2d1bf;
  --color-primary-rgb: 242 209 191;
  --color-primary-hsl: 21 66% 85%;
}
Gradient
.gradient-f2d1bf {
  background: linear-gradient(135deg, #f2d1bf, #f2eabf);
}
Colored shadow
.shadow-f2d1bf {
  box-shadow: 0 8px 24px rgb(242 209 191 / 0.35);
}

#ffddca Unbleached Silk ΔE 2.76 #edc9af Desert Sand ΔE 3.49 #ebc2af Zinnwaldite ΔE 4.04 #fbceb1 Apricot ΔE 4.28 #ffdab9 Peach Puff ΔE 5.68 #fdd5b1 Light Apricot ΔE 6.16 #ffe4e1 Misty Rose ΔE 7.63 #0d2e40 Inverted #d7d7d7 Grayscale 

Unbleached Silk
#f2d1bf  rgb(242, 209, 191)  hsl(21, 66%, 85%)  Unbleached Silk
#bfe0f2  rgb(191, 224, 242)  hsl(201, 66%, 85%)  Columbia Blue
#bff2d1  rgb(191, 242, 209)  hsl(141, 66%, 85%)  Magic Mint
#d1bff2  rgb(209, 191, 242)  hsl(261, 66%, 85%)  Periwinkle