#F849CB

#F849CB

Color Values

HEX

#F849CB

RGB

248, 73, 203

HSL

315.4, 92.6%, 62.9%

HSV

315.4, 70.6%, 97.3%

CMYK

0.0%, 70.6%, 18.1%, 2.7%

OKLCH

0.6947 0.2457 340.1

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F849CB

#49F876

Analogous

#CD49F8

#F84973

#F849CB

Triadic

#F849CB

#CBF849

#49CBF8

Split Complementary

#F849CB

#73F849

#49F8CD

Tetradic

#F849CB

#F8CD49

#49F876

#4973F8

Color Blindness Simulation

Original

#F849CB

Protanopia

#ACABAC

Deuteranopia

#B6C4A4

Tritanopia

#EF938D

Achromatopsia

#787878

CSS Usage

background-color: #F849CB;
color: #F849CB;
border-color: #F849CB;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FA
100
#FBDFF4
200
#FCBAEB
300
#FA89DD
400
#F849CB
500
#F609B9
600
#C40894
700
#9D0676
800
#7B055C
900
#590844
950
#38052B

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026