Live Color Intelligence
#F5CCF0
COLOR PROFILE

#f5ccf0

#F5CCF0 · Custom · tint

Find Similar
COLOR VALUES

Conversion reference

HEX#F5CCF0
RGB245, 204, 240
HSL307°, 67%, 88%
HSV307°, 17.0%, 96.0%
HWB307°, 80.0%, 3.9%
CMYK0%, 17%, 2%, 4%
LAB86.45, 20.40, -12.29
CSS--color-primary: #F5CCF0;
Tailwindcolors: { primary: '#F5CCF0' }
HARMONIES

Color relationships

analogous
#DECCF5#F6E5FA#F0B2E9#FAE5F1#F0B2C0
complementary
#F5CCF0#E5FAE8
triadic
#F5CCF0#F8FAE5#B2E9F0
tetradic
#F5CCF0#FAF2E5#B2F0BA#E5EDFA
ACCESSIBILITY

White text

1.42:1AA Fail · AAA Fail
BEST TEXT

Contrast reference

#000000Choose final text in the actual UI context.
CIEDE2000

Related colors

Light Magenta#FAD1F5ΔE00 1.137Light Fuchsia#FAD1F4ΔE00 1.162Light Magenta#FAD1F6ΔE00 1.184Light Fuchsia#FAD1F3ΔE00 1.255Light Fuchsia#FCCFF4ΔE00 1.264Light Fuchsia#FCCFF3ΔE00 1.286Light Magenta#FAD1F7ΔE00 1.293Light Fuchsia#FCCFF5ΔE00 1.303Light Fuchsia#FCCFF2ΔE00 1.369Light Fuchsia#FCCFF6ΔE00 1.397Light Fuchsia#FAD1F2ΔE00 1.404Light Magenta#FAD1F8ΔE00 1.449Light Fuchsia#FCCFF1ΔE00 1.502Light Magenta#FCCFF7ΔE00 1.536Light Fuchsia#FAD1F1ΔE00 1.595Light Magenta#FAD1F9ΔE00 1.638Light Magenta#F8D3F6ΔE00 1.664Light Fuchsia#FCCFF0ΔE00 1.676Light Magenta#F8D3F5ΔE00 1.687Light Magenta#F8D3F7ΔE00 1.692Light Magenta#FCCFF8ΔE00 1.707Light Magenta#F8D3F4ΔE00 1.762Light Magenta#F8D3F8ΔE00 1.768Light Fuchsia#FAD1F0ΔE00 1.815

About #f5ccf0 #F5CCF0

#F5CCF0 is represented by RGB (245, 204, 240) and HSL (307°, 67%, 88%). These values are useful references for digital design, interfaces, charts, illustrations and development workflows.

HEX is convenient for CSS and design tokens. RGB describes the screen color channels, HSL provides an intuitive hue/saturation/lightness model, and CMYK is a conversion reference for print workflows. Actual print appearance can vary with color profiles, inks, paper and production conditions.

Pritikart Color Lab also provides CIEDE2000 similarity, color harmonies, generated lighter/darker relationships and WCAG contrast calculations. Accessibility results are mathematical checks and should be verified in the final UI context.