lightcoral

#F08080

CSS color

Light Coral (#F08080) is a warm, pastel coral-pink CSS named color, softer and more muted than the vivid CSS coral. It evokes sun-faded coral, blush roses, and warm salmon tones—gentle enough for sustained background use, yet clearly warm and inviting. It is popular in soft romantic, lifestyle, and food design for its approachable warmth.

カラー値

HEX

#F08080

RGB

240, 128, 128

HSL

0.0, 78.9%, 72.2%

HSV

0.0, 46.7%, 94.1%

CMYK

0.0%, 46.7%, 46.7%, 5.9%

OKLCH

0.7246 0.1377 21.0

プロパティ

色彩心理学

Light pinks represent unconditional love, compassion, and nurturing energy. Known as the most calming color, Baker-Miller pink was famously used in prison cells to reduce aggression. Soft pink tones lower muscle tension and anxiety, creating an atmosphere of gentle reassurance.

Design Usage

Soft pink is widely used in beauty, wellness, and direct-to-consumer brands targeting younger demographics. It creates inviting landing pages and product cards that feel approachable and modern. Combine it with deep charcoal text and white space for a minimal, contemporary aesthetic.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #F08080;
color: #F08080;
border-color: #F08080;
最も近いTailwind: Red 400 #F87171

Tailwindシェード

コントラストチェッカー

白背景のテキスト

2.59:1

AA Fail AAA Fail

黒背景のテキスト

8.1:1

AA Pass AAA Pass

比較する

よくある質問

What are the RGB, HSL, and CMYK values of #F08080?

RGB(240, 128, 128) · HSL(0.0, 78.9%, 72.2%) · CMYK(0.0%, 46.7%, 46.7%, 5.9%)

Does #F08080 meet WCAG contrast on white?

2.59:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #F08080?

Use 000000 text on a #F08080 background; contrast on black is 8.1:1.