HEX Color #FF3A3A (Tomato)

About #FF3A3A

The precise color #FF3A3A is an excellent choice for modern design projects. Designers often compare it to the standard color Tomato. To achieve this exact tint on a monitor, you would use an RGB mix of 255, 58, and 58.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 0% cyan, 77% magenta, 77% yellow, and 0% black. With a hue angle of 0.0 degrees, it sits comfortably in the red spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#FF3A3A

RGB255, 58, 58

HSL0.0°, 100.0%, 61.4%

CMYK0%, 77%, 77%, 0%

HSV0.0°, 77.3%, 100.0%

LAB56.7, 72.1, 47.3

XYZ43.5, 24.6, 6.5

Decimal16726586

Color Harmonies

Complementary

#FF3A3A #3AFEFF

Analogous

#FF3A9C #FF9C3A

Triadic

#3AFF3A #3A3AFF

Tetradic

#9CFF3A #3AFEFF #9C3AFF

Tints, Shades & Tones

Tints (Adding White)

#FF3A3A

#FF4F4F

#FF6565

#FF7B7B

#FF9191

#FFA7A7

#FFBDBD

#FFD3D3

#FFE9E9

#FFFFFF

Shades (Adding Black)

#FF3A3A

#E23333

#C62D2D

#AA2626

#8D2020

#711919

#551313

#380C0C

#1C0606

#000000

WCAG Contrast Accessibility

3.55:1

Text on #FFFFFF

AA Large

5.92:1

Text on #000000

AA

3.39:1

Text on #F8FAFC

AA Large

5.03:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #FF3A3A; }

.text-color { color: #FF3A3A; }

.border-color { border: 2px solid #FF3A3A; }

Similar Colors

Tomato

#FF6347