red

#FF0000

CSS color

Overview

Red is one of the three additive primary colors, defined at rgb(255, 0, 0) with the red channel fully lit and green and blue extinguished. Its hex value #FF0000 anchors the 0-degree position on the HSV hue wheel at full saturation and brightness. Alongside green and blue, red forms the basis of the RGB model that drives screens and digital imaging; combining it with green yields yellow, and with blue yields magenta. Red is among the sixteen basic HTML colors and one of the most widely recognized CSS keywords. As a long-wavelength color at roughly 700 nanometers, it is the most saturated hue the eye readily distinguishes at the warm end of the spectrum.

Red (#FF0000) is pure, maximum-intensity red in the CSS named colour set and web colour standard, defined as the full red channel of the RGB model with zero green or blue. One of the three primary colours of light, it is simultaneously the colour of danger, passion, love, revolution, and vitality across cultures worldwide. In digital design, pure #FF0000 is rarely used directly as its extreme intensity causes halation on screens, but it anchors the entire warm colour spectrum.

On this page

قيم الألوان

HEX

#FF0000

RGB

255, 0, 0

HSL

0,0, 100,0%, 50,0%

HSV

0,0, 100,0%, 100,0%

CMYK

0,0%, 100,0%, 100,0%, 0,0%

OKLCH

0,628 0,2577 29,2

الخصائص

دافئ فاتح الأقرب: red

علم نفس الألوان

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

تناسقات الألوان

محاكاة عمى الألوان

استخدام CSS

background-color: #FF0000;
color: #FF0000;
border-color: #FF0000;
أقرب Tailwind: Red 600 #DC2626

ظلال Tailwind

فاحص التباين

نص على الأبيض

4,0:1

AA Fail AAA Fail

نص على الأسود

5,25:1

AA Pass AAA Fail

قارن مع

العلامات التجارية التي تستخدم هذا اللون

جزء من هذه المجموعات

المقالات ذات الصلة

الأسئلة المتكررة

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

RGB(255, 0, 0) · HSL(0,0, 100,0%, 50,0%) · CMYK(0,0%, 100,0%, 100,0%, 0,0%)

Does #FF0000 meet WCAG contrast on white?

4,0:1 — WCAG AA فاشل, AAA فاشل for normal text.

What text color is readable on #FF0000?

Use 000000 text on a #FF0000 background; contrast on black is 5,25:1.