#F19ABC

#F19ABC

Color Values

HEX

#F19ABC

RGB

241, 154, 188

HSL

336.6, 75.7%, 77.5%

HSV

336.6, 36.1%, 94.5%

CMYK

0.0%, 36.1%, 22.0%, 5.5%

OKLCH

0.7832 0.1115 355.0

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F19ABC

#9AF1CF

Analogous

#F19AE8

#F1A49A

#F19ABC

Triadic

#F19ABC

#BCF19A

#9ABCF1

Split Complementary

#F19ABC

#9AF1A4

#9AE8F1

Tetradic

#F19ABC

#E8F19A

#9AF1CF

#A49AF1

Color Blindness Simulation

Original

#F19ABC

Protanopia

#CBCBB4

Deuteranopia

#D0D7B2

Tritanopia

#EDADAC

Achromatopsia

#AFAFAF

CSS Usage

background-color: #F19ABC;
color: #F19ABC;
border-color: #F19ABC;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FCF2F6
100
#F9E2EB
200
#F6C0D5
300
#F093B8
400
#E85991
500
#E01F6A
600
#B31955
700
#8F1444
800
#700F35
900
#510F29
950
#330A1A

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

10.09:1

AA Pass AAA Pass

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