#FF6B6B
Red family

Hot Coral

Also known as: vibrant · energetic · playful · bold · tropical
Save
Hex #FF6B6B
RGB rgb(255, 107, 107)
HSL hsl(0°, 100%, 71%)
CMYK 0 · 58 · 58 · 0

Meaning

In Western cultures, Hot Coral often symbolizes enthusiasm and excitement, while in some Eastern traditions, it can signify joy and celebration. Its bold nature makes it a favorite in summer fashion and design, contrasting with more subdued, earthy tones.

The term 'coral' originates from the Greek word 'korallion', referring to the marine invertebrates that produce the vibrant red and pink materials used in ancient jewelry. In the 20th century, particularly during the 1980s, Hot Coral emerged as a popular color in fashion and interior design, capturing the spirit of that era.

vibrantenergeticplayfulboldtropical

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Hot Coral. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 33 Reds →

Shades & tints

Nine steps of Hot Coral by lightness — from #853838 (darkest) to #FFB2B2 (lightest). Click any to copy.

-40% #853838
-30% #A34444
-20% #C25151
-10% #E05E5E
BASE #FF6B6B
+15% #FF7D7D
+30% #FF8F8F
+50% #FFA0A0
+70% #FFB2B2

Complementary

Sitting opposite Hot Coral at 180° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Hot Coral.

#FF6B6B
#00BFFF
#F5F5F5
#FFD700
#FF4500

Tropical Escape

Vibrant adventure
#FF6B6B
#FF8C00
#888888
#FFF5EE
#FF1493

Sunset Bliss

Warm tranquility
#FF6B6B
#20B2AA
#2C2C2C
#F0E68C
#FF6347

Coral Reef

Oceanic harmony

Used by

Brands and institutions known for using Hot Coral.

GucciTiffany & Co.

Hot Coral scale

A 50–900 tonal scale with Hot Coral anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFF3F3
100 #FFE4E4
200 #FFC7C7
300 #FFA9A9
400 #FF8A8A
500 #FF6B6B
600 #D15858
700 #A84747
800 #803636
900 #572424

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 7.57:1
Hot Coral as text on… Ratio AA AAA
Aa White background 2.78:1 Fail Fail
Aa Black background 7.57:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FF6B6B

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #FF6B6B;
CSS color-mix (lighten 30%) color-mix(in srgb, #FF6B6B 70%, white)
HSV / HSB 0°, 58%, 100%
CMYK (print) 0, 58, 58, 0
Decimal 16739179
Nearest web-safe #FF6666

Color vision

How Hot Coral appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FF6B6B

Protanopia (no red)

#BFBE6B

Deuteranopia (no green)

#C8D36B

Tritanopia (no blue)

#F86B6B
Lava
26 / 33 Reds Watermelon
Copied!