Color con nombre · #DA202A
Royal Mail Red
Royal Mail Red es #DA202A: rgb(218 32 42), hsl(357 74% 49%), oklch(0.57 0.216 25.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Royal Mail Red color name →
#DA202A
oklch(0.57 0.216 25.7)
Conversiones de color
- HEX
- #da202a
- RGB
- rgb(218 32 42)
- HSL
- hsl(357 74% 49%)
- HWB
- hwb(357 13% 15%)
- OKLCH
- oklch(0.57 0.216 25.7)
- OKLab
- oklab(0.57 0.195 0.094)
- CIE Lab
- lab(47.98 68.45 45.78)
- LCH
- lch(47.98 82.35 33.8)
- CMYK
- cmyk(0% 85% 81% 15%)
Tintes · Sombras · Tonos
Tintes
- E14442
- E85E57
- ED746C
- F28980
- F79D95
- FAB1AA
- FDC5BF
- FED8D4
- FFECE9
Sombras
- BD1A23
- A2151C
- 870F16
- 6C0A10
- 54060A
- 3C0305
- 250102
- 110001
- 020000
Tonos
- D33536
- CB4340
- C44F49
- BC5852
- B3605A
- AA6862
- A16F6A
- 977571
- 8C7B79
Armonías de color
Complementario +180°
- DA202A
Royal Mail Red
- 008793
≈ Blue Slushie
Análogo -30° +30°
- DA202A
Royal Mail Red
- D0217C
≈ Prince Charming
- B45D00
≈ Orangish Brown
Triádico +120° +240°
- DA202A
Royal Mail Red
- 00912B
≈ North Texas Green
- 3A68F4
≈ Secret of Mana
Complementario dividido +150° +210°
- DA202A
Royal Mail Red
- 008C75
≈ Emerald Enchantment
- 0081B5
≈ Primal Blue
Tetrádico +90° +180° +270°
- DA202A
Royal Mail Red
- 758000
≈ Verde Tropa
- 008793
≈ Blue Slushie
- 864FE5
≈ Gloomy Purple
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.97:1 · APCA Lc 72
Ag
FailSobre negro
WCAG 4.22:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.97:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--royal-mail-red: #da202a;
--royal-mail-red-rgb: 218 32 42;
--royal-mail-red-oklch: oklch(0.57 0.216 25.7);
}
.element {
color: var(--royal-mail-red);
background-color: hsl(357 74% 49%);
border-color: oklch(0.57 0.216 25.7);
}Tailwind CSS v4
@theme {
--color-royal-mail-red: #da202a;
--color-royal-mail-red-50: #ffded3;
--color-royal-mail-red-100: #ffccc0;
--color-royal-mail-red-200: #ffafa0;
--color-royal-mail-red-300: #ff8678;
--color-royal-mail-red-400: #ff5c57;
--color-royal-mail-red-500: #f5212f;
--color-royal-mail-red-600: #cf2129;
--color-royal-mail-red-700: #a61c21;
--color-royal-mail-red-800: #7c111a;
--color-royal-mail-red-900: #580b11;
--color-royal-mail-red-950: #3b0004;
}SCSS
$royal-mail-red: #da202a;
$royal-mail-red-rgb: 218, 32, 42;
$royal-mail-red-light: mix(#fff, $royal-mail-red, 20%);
$royal-mail-red-dark: mix(#000, $royal-mail-red, 20%);
.element {
color: $royal-mail-red;
box-shadow: 0 0 0 2px rgba($royal-mail-red, 0.35);
}