#F66063

#F66063

Color Values

HEX

#F66063

RGB

246, 96, 99

HSL

358.8, 89.3%, 67.1%

HSV

358.8, 61.0%, 96.5%

CMYK

0.0%, 61.0%, 59.8%, 3.5%

OKLCH

0.6831 0.1844 22.2

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#F66063

#60F6F3

Analogous

#F660AE

#F6A860

#F66063

Triadic

#F66063

#63F660

#6063F6

Split Complementary

#F66063

#60F6A8

#60AEF6

Tetradic

#F66063

#AEF660

#60F6F3

#A860F6

Color Blindness Simulation

Original

#F66063

Protanopia

#B5B462

Deuteranopia

#BEC962

Tritanopia

#EE6262

Achromatopsia

#808080

CSS Usage

background-color: #F66063;
color: #F66063;
border-color: #F66063;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBBBD
300
#F88B8D
400
#F54C50
500
#F10E12
600
#C10B0F
700
#9A090C
800
#790709
900
#570A0B
950
#370607

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.77: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