Color con nombre · #EE172B
MicroProse Red
MicroProse Red es #EE172B: rgb(238 23 43), hsl(354 86% 51%), oklch(0.604 0.237 25.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · MicroProse Red color name →
#EE172B
oklch(0.604 0.237 25.4)
Conversiones de color
- HEX
- #ee172b
- RGB
- rgb(238 23 43)
- HSL
- hsl(354 86% 51%)
- HWB
- hwb(354 9% 7%)
- OKLCH
- oklch(0.604 0.237 25.4)
- OKLab
- oklab(0.604 0.214 0.102)
- CIE Lab
- lab(51.59 75.1 50.29)
- LCH
- lch(51.59 90.38 33.8)
- CMYK
- cmyk(0% 90% 82% 7%)
Tintes · Sombras · Tonos
Tintes
- F34343
- F85E59
- FC766E
- FF8B83
- FFA097
- FFB3AB
- FFC6C0
- FFD9D5
- FFECEA
Sombras
- CF1224
- B10E1D
- 930A16
- 770610
- 5C040A
- 420205
- 2A0102
- 140001
- 030000
Tonos
- E53337
- DB4341
- D24F4B
- C85953
- BD625B
- B26963
- A7706B
- 9B7672
- 8E7B79
Armonías de color
Complementario +180°
- EE172B
MicroProse Red
- 00929F
≈ Jaded
Análogo -30° +30°
- EE172B
MicroProse Red
- E21A87
≈ Myoga Purple
- C26400
≈ Fire Ant
Triádico +120° +240°
- EE172B
MicroProse Red
- 009C2C
≈ Pestering Pesto
- 4274FF
≈ Lightish Blue
Complementario dividido +150° +210°
- EE172B
MicroProse Red
- 00977E
≈ Pool Table
- 008CC3
≈ Celebration Blue
Tetrádico +90° +180° +270°
- EE172B
MicroProse Red
- 7F8A00
≈ Krypton Green
- 00929F
≈ Jaded
- 9153FC
≈ Irrigo Purple
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.38:1 · APCA Lc 68
Ag
AASobre negro
WCAG 4.79:1 · APCA Lc 34
Mejor color de texto: #000000
WCAG 4.79:1 (AA) · APCA Lc 34
Contrast pairs
Fragmentos de código
CSS
:root {
--microprose-red: #ee172b;
--microprose-red-rgb: 238 23 43;
--microprose-red-oklch: oklch(0.604 0.237 25.4);
}
.element {
color: var(--microprose-red);
background-color: hsl(354 86% 51%);
border-color: oklch(0.604 0.237 25.4);
}Tailwind CSS v4
@theme {
--color-microprose-red: #ee172b;
--color-microprose-red-50: #ffdcd0;
--color-microprose-red-100: #ffc9bd;
--color-microprose-red-200: #ffaa9c;
--color-microprose-red-300: #ff7f71;
--color-microprose-red-400: #ff5150;
--color-microprose-red-500: #fd0022;
--color-microprose-red-600: #d6001f;
--color-microprose-red-700: #ac0319;
--color-microprose-red-800: #810015;
--color-microprose-red-900: #5b020d;
--color-microprose-red-950: #3d0002;
}SCSS
$microprose-red: #ee172b;
$microprose-red-rgb: 238, 23, 43;
$microprose-red-light: mix(#fff, $microprose-red, 20%);
$microprose-red-dark: mix(#000, $microprose-red, 20%);
.element {
color: $microprose-red;
box-shadow: 0 0 0 2px rgba($microprose-red, 0.35);
}