tomato
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/FF6347/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/FF6347/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/FF6347/)
Use the native HTML custom element.
#FF6347
CSS color
Overview
Tomato is a vivid warm red edged toward orange: rgb(255, 99, 71), hex #FF6347. The full red channel with modest green and a touch of blue places it at 9 degrees on the hue wheel, brightly lit and strongly saturated. One of the extended CSS3 named colors, tomato is named for the ripe fruit and reads as energetic and appetizing. Sitting between pure red and orange, it is bolder than salmon or coral and functions as an eye-catching accent that retains warmth without tipping fully into orange. Because its blue component is minimal, tomato holds its saturation strongly, and it contrasts vividly against the cool greens and blues that lie opposite it on the color wheel.
Tomato (#FF6347) is a warm, vivid orange-red CSS named colour, precisely matching the bright, orange-tinged red of a ripe tomato — the most iconic red vegetable in the Western culinary tradition. The orange shift from pure red gives it energy and warmth without aggression, making it more approachable than primary red while retaining strong visual impact. In UI design it is one of the most popular reds for error states, warnings, and notification badges.
On this page
색상 값
#FF6347
255, 99, 71
9.1, 100.0%, 63.9%
9.1, 72.2%, 100.0%
0.0%, 61.2%, 72.2%, 0.0%
0.6962 0.1955 32.3
속성
색채 심리학
Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.
Design Usage
Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.
색상 조화
색각 이상 시뮬레이션
CSS 사용법
Tailwind 쉐이드
대비 검사기
흰색 배경 텍스트
2.95:1
검정 배경 텍스트
7.13:1
비교하기
관련 글
자주 묻는 질문
What are the RGB, HSL, and CMYK values of #FF6347?
RGB(255, 99, 71) · HSL(9.1, 100.0%, 63.9%) · CMYK(0.0%, 61.2%, 72.2%, 0.0%)
Does #FF6347 meet WCAG contrast on white?
2.95:1 — WCAG AA 실패, AAA 실패 for normal text.
What text color is readable on #FF6347?
Use 000000 text on a #FF6347 background; contrast on black is 7.13:1.