Color con nombre más cercano · #E22E27
#E22E27
Color con nombre más cercano: Ceremonial Red Ribbon
#E22E27 (rgb(226 46 39), hsl(2 76% 52%), oklch(0.593 0.216 28.3)) se parece más al color con nombre Ceremonial Red Ribbon. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#E22E27
oklch(0.593 0.216 28.3)
Conversiones de color
- HEX
- #e22e27
- RGB
- rgb(226 46 39)
- HSL
- hsl(2 76% 52%)
- HWB
- hwb(2 15% 11%)
- OKLCH
- oklch(0.593 0.216 28.3)
- OKLab
- oklab(0.593 0.19 0.102)
- CIE Lab
- lab(50.69 67.52 50.44)
- LCH
- lch(50.69 84.28 36.8)
- CMYK
- cmyk(0% 80% 83% 11%)
Tintes · Sombras · Tonos
Tintes
- E84D40
- EE6557
- F37A6C
- F78E81
- FAA295
- FDB5AA
- FFC7BF
- FFDAD4
- FFEDE9
Sombras
- C42720
- A81F1A
- 8C1814
- 71120E
- 570B08
- 3E0604
- 270202
- 120101
- 030000
Tonos
- DA3E34
- D14B3F
- C95549
- C05D52
- B7645A
- AD6B62
- A3716A
- 987671
- 8D7B79
Armonías de color
Complementario +180°
- E22E27
Ceremonial Red Ribbon
- 008E9E
≈ Coral Coast
Análogo -30° +30°
- E22E27
Ceremonial Red Ribbon
- D92B7D
≈ Highlighter Lilac
- BA6500
≈ Camel Fur
Triádico +120° +240°
- E22E27
Ceremonial Red Ribbon
- 00983D
≈ Green Revolution
- 4A6EFC
≈ Blue Heath Butterfly
Complementario dividido +150° +210°
- E22E27
Ceremonial Red Ribbon
- 00937F
≈ Aqua Waters
- 0087C3
≈ Azul Caribe
Tetrádico +90° +180° +270°
- E22E27
Ceremonial Red Ribbon
- 778800
≈ Elwynn Forest Olive
- 008E9E
≈ Coral Coast
- 9254EA
≈ Navy Genesis Evangelion
Contraste y accesibilidad
Sobre blanco
WCAG 4.51:1 · APCA Lc 70
Sobre negro
WCAG 4.65:1 · APCA Lc 32
Mejor color de texto: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
Fragmentos de código
CSS
:root {
--ceremonial-red-ribbon: #e22e27;
--ceremonial-red-ribbon-rgb: 226 46 39;
--ceremonial-red-ribbon-oklch: oklch(0.593 0.216 28.3);
}
.element {
color: var(--ceremonial-red-ribbon);
background-color: hsl(2 76% 52%);
border-color: oklch(0.593 0.216 28.3);
}Tailwind CSS v4
@theme {
--color-ceremonial-red-ribbon: #e22e27;
--color-ceremonial-red-ribbon-50: #ffdfd0;
--color-ceremonial-red-ribbon-100: #ffcdbd;
--color-ceremonial-red-ribbon-200: #ffb09c;
--color-ceremonial-red-ribbon-300: #ff8772;
--color-ceremonial-red-ribbon-400: #ff5e4f;
--color-ceremonial-red-ribbon-500: #f42521;
--color-ceremonial-red-ribbon-600: #ce241f;
--color-ceremonial-red-ribbon-700: #a61d19;
--color-ceremonial-red-ribbon-800: #7c1214;
--color-ceremonial-red-ribbon-900: #580c0d;
--color-ceremonial-red-ribbon-950: #3b0002;
}SCSS
$ceremonial-red-ribbon: #e22e27;
$ceremonial-red-ribbon-rgb: 226, 46, 39;
$ceremonial-red-ribbon-light: mix(#fff, $ceremonial-red-ribbon, 20%);
$ceremonial-red-ribbon-dark: mix(#000, $ceremonial-red-ribbon, 20%);
.element {
color: $ceremonial-red-ribbon;
box-shadow: 0 0 0 2px rgba($ceremonial-red-ribbon, 0.35);
}