#F2022A

Color Details

HEX
#F2022A
RGB
rgb(242, 2, 42)
HSL
hsl(350, 98%, 48%)
CMYK
cmyk(0%, 99%, 83%, 5%)
Best text on this color #000000 (CR 4.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f2022a
Contrast 4.82:1 AA
White on #f2022a
Contrast 4.36:1 Fail
#f2022a on Black
Contrast 4.82:1 AA
#f2022a on White
Contrast 4.36:1 Fail

Tints & Shades

#f53555
#f7677f
#fa9aaa
#c20222
#910119
#610111

Complement & Analogous

#02f2ca
#f25202
#f202a2

Triadic

#2af202
#022af2

Monochrome

#610111 #910119 #f2022a #f7677f #fa9aaa #fcccd4

Analogous

#f202a2 #f64ebe #f2022a #f57535 #f25202 #c24202

Complementary Mix

#910119 #f2022a #f7677f #02f2ca #5bf7dd #019d83

Nearby Colors

#f20229
#f2022b
#f2021a
#f2023a

Embed #F2022A swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #F2022A

#F2022A converts to RGB(242, 2, 42) and HSL(350, 98%, 48%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#F2022A FAQs

What is the RGB value of #F2022A?
RGB: 242, 2, 42. Copy as CSS: rgb(242, 2, 42)
Is #F2022A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F2022A?
Complement: #02f2ca.
Does #F2022A have good contrast on white or black?
On white: 4.36:1 (AA (large text)). On black: 4.82:1 (AA (normal text)).