#FF4D54 color HEX código RGB, HSL, CMYK COLOR CóDIGO PARA HEXA COLOR #FF4D54

#FF4D54

En un espacio de color RGB, hexadecimal #FF4D54 se compone de 100% rojo, 30% verde y 33% azul. El código de color RGB está compuesto por un componente rojo FF hexadecimal (255/255), un verde 4D (77/255) y un componente azul 54 (84/255). El código de color RGB decimal es rgb(255,77,84) En el espacio de color CMYK, se compone de 0% cian, 70% magenta, 67% amarillo y 0% negro. Tiene un ángulo de tono de 357.64o grados, una saturación de 100% y una luminosidad de 65%. El color seguro para la Web más cercano es: #ff6666 rgb (255, 102, 102).

Conversión de color

---

Convertir color

---

El color hexadecimal #FF4D54 tiene valores RGB de R: 255, G: 77, B: 84 y valores CMYK de C: 0, M: 70, Y: 67, K: 0. Su valor decimal es 16731476 y el código binario es 111111110100110101010100
En la impresión utilizamos tintas cian, amarilla, magenta y negra (CMYK) porque normalmente imprimimos en papel blanco.

Hex color FF4D54  #FF4D54 RGB decimal 255, 77, 84  rgb(255, 77, 84) RGB % 100, 30, 33  rgb(100%, 30%, 33%) RGB Adobe 222, 78, 84 CMYK % 0, 70, 67, 0  0%, 70%, 67%, 0% HSL 357.64o, 100, 65  hsl(357.64o, 100%, 65%) HSV (HSB) 358o, 70%, 100%  hsv(358o, 70%, 100%)

Web Safe color #ff6666 rgb (255, 102, 102) XYZ 45.494, 27.208 11.241 xyY 0.54, 0.32, 27.21 Hunter-Lab 52.16, 68.26, 21.7 CMY 0%, 70%, 67% Lab 59.99, 68.01, 37.46 Binario color FF 4D 54 11111111 1001101 1010100

Tonos y tintes de #FF4D54

---

Se logra un tono agregando negro al color original en el código de tono.
Se crea un tinte mezclando color con blanco.
Utilice la paleta para elegir un color o los controles deslizantes para configurar los componentes RGB, HSV, CMYK.
Por ejemplo, aquí: #330F10 es el color más oscuro y: #FFDCDD es el más claro.

Variación del color del matiz #FF4D54

#FF686E rgb (255,104,110) #FF686E #FF7F84 rgb (255,127,132) #FF7F84 #FF9296 rgb (255,146,150) #FF9296 #FFA2A6 rgb (255,162,166) #FFA2A6 #FFB0B3 rgb (255,176,179) #FFB0B3 #FFBCBE rgb (255,188,190) #FFBCBE #FFC6C8 rgb (255,198,200) #FFC6C8 #FFCFD0 rgb (255,207,208) #FFCFD0 #FFD6D7 rgb (255,214,215) #FFD6D7 #FFDCDD rgb (255,220,221) #FFDCDD

Variación del color de la sombra

#D94147 rgb (217,65,71) #D94147 #B8373C rgb (184,55,60) #B8373C #9C2F33 rgb (156,47,51) #9C2F33 #85282B rgb (133,40,43) #85282B #712225 rgb (113,34,37) #712225 #601D1F rgb (96,29,31) #601D1F #52191A rgb (82,25,26) #52191A #461516 rgb (70,21,22) #461516 #3C1213 rgb (60,18,19) #3C1213 #330F10 rgb (51,15,16) #330F10

Tonos de #FF4D54

Se crea un tono agregando gris a cualquier tono puro. En este caso, #F25258 es el color menos saturado y #AD6E71 es el más saturado.

#F25258 rgb (242,82,88) #F25258 #E7575C rgb (231,87,92) #E7575C #DD5B60 rgb (221,91,96) #DD5B60 #D45F63 rgb (212,95,99) #D45F63 #CC6266 rgb (204,98,102) #CC6266 #C46569 rgb (196,101,105) #C46569 #BD686B rgb (189,104,107) #BD686B #B76A6D rgb (183,106,109) #B76A6D #B26C6F rgb (178,108,111) #B26C6F #AD6E71 rgb (173,110,113) #AD6E71

Alternativas a #FF4D54

---

A continuación, puede ver algunos colores cercanos a #FF4D54. Tener un conjunto de colores relacionados puede ser útil si necesita una alternativa inspiradora u otros colores cercanos a su elección de color original.

#FF1154 rgb (255,17,84) #FF1154 #FF2554 rgb (255,37,84) #FF2554 #FF3954 rgb (255,57,84) #FF3954 #FF6154 rgb (255,97,84) #FF6154 #FF7554 rgb (255,117,84) #FF7554 #FF8954 rgb (255,137,84) #FF8954

Uso rapido #FF4D54

---

Cómo usar este color en páginas web, scripts u otros lenguajes de programación usando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color del texto	Ejemplo de color de fondo
Color del texto	Ejemplo de color de fondo
<font color="#FF4D54;">Text here</font>	<div style="background-color:#FF4D54;">Text here</div>

Vista previa de color sobre fondo negro	Vista previa en color sobre fondo blanco
vista previa de color sobre fondo negro	vista previa en color sobre fondo blanco
HTML código <div style="background-color:#000000"> <font color="#FF4D54;">Text here</font> </div>	HTML código <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#FF4D54;">Text here</font> </div>

Sombra de div box	Código CSS de sombra de texto
sombra de la caja para color #FF4D54	código CSS de sombra de texto
HTML código <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #FF4D54;"></div> CSS código .box-shadow: 2px 2px 7px 1px;	CSS código .text-shadow: 1px 2px 2px #FF4D54;

Código html del borde del cuadro	Sombra de texto con valores RGB para color #FF4D54
código html del borde del cuadro para color #FF4D54	sombra de texto con valores RGB
HTML código <div style="background-color:#FFFFFF; border:1px solid #FF4D54;"></div>	CSS código with RGB .text-shadow: 0px 2px 2px rgba(255, 77, 84, 1.4);

Código preformateado FF4D54	código para script / programming
HTML, CSS:	= #FF4D54; rgb(255, 77, 84)
Java:	= new Color(255, 77, 84)
.NET:	= Color.FromArgb (255, 77, 84);
Xojo:	= rgb (255, 77, 84, 0);
openGL:	= glColor3f (1f, 0.3f, 0.33f);
Swift:	= UIColor(red:1, green:0.3, blue:0.33, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:1 green:0.3 blue:0.33 alpha:1.00000];

Esquemas de color con #FF4D54

---

Colores monocromáticos Los esquemas de colores monocromáticos son fáciles de crear porque usan un solo color. Los esquemas monocromáticos usan diferentes tonos desde el mismo ángulo en la rueda de colores (el mismo ángulo). Simplemente cambie la saturación de color + 10% y tendrá un nuevo color monocromático. En nuestro color de carcasa: 70% tiene una saturación #FF4D54. Añadiendo 70% + 10% = 80% de saturación para nuestro nuevo color #D92B31. Disminuyendo 70% - 10% = 60% de saturación para otros colores monocromáticos #FF666B. #ff666b rgb (255,102,107) #ff666b 60% saturación #ff6063 rgb (191,96,99) #ff6063 50% saturación #d92b31 rgb (217,43,49) #d92b31 80% saturación #bf1319 rgb (191,19,25) #bf1319 90% saturación

Colores análogos Los esquemas de color análogos se crean usando colores que están uno al lado del otro en la rueda de colores. Solo +/- 30 o en los lados del ángulo de tono de color #FFA04D rgb (255,160,77) #FFA04D 28o #FF4D54 rgb (255,77,84) #FF4D54 358o #FF4DAC rgb (255,77,172) #FF4DAC 328o

Colores complementario Los esquemas complementarios se crean combinando colores de lados opuestos de la rueda de colores. Simplemente agregue 180 grados al tono / ángulo del color y tendrá el color complementario. En nuestro color de caja: #FF4D54 tiene un ángulo 358o. Añadiendo 358o + 180 o = 178o o para nuestro nuevo color complementario #4DFFF9. #FF4D54 rgb (255,77,84) #FF4D54 358o #4DFFF9 rgb (77,255,249) #4DFFF9 178o

Color dividido Los esquemas compuestos o esquemas complementarios divididos son casi lo mismo que esquemas complementarios. En lugar de usar colores opuestos, usa colores en ambos lados del ángulo de tono opuesto. En nuestro color de caja: #FF4D54 tiene un ángulo 358o. Añadiendo 358o + 180 o +30 o = 208 o para nuestro primer color complementario #4DACFF. Disminuyendo 358o + 180 o -30 o = 148 o para el segundo color complementario #4DFFA0. #4DFFA0 rgb (77,255,160) #4DFFA0 148o #FF4D54 rgb (255,77,84) #FF4D54 358o #4DACFF rgb (77,172,255) #4DACFF 208o

Color tiradico Los esquemas triádicos se componen de tonos / ángulos igualmente espaciados alrededor de la rueda de colores. Agregue y disminuya +/- 120 grados en ambos lados del ángulo de tono de color. #52FF4D rgb (82,255,77) #52FF4D 118o #FF4D54 rgb (255,77,84) #FF4D54 358o #4D52FF rgb (77,82,255) #4D52FF 238o

Color tetrádico Los esquemas tetrádicos se componen de tonos / ángulos espaciados alrededor de la rueda de colores. Agregue 120,180,300 grados en el ángulo de tono de color. #52FF4D rgb (82,255,77) #52FF4D 118o #FF4D54 rgb (255,77,84) #FF4D54 358o #4DFFF9 rgb (77,255,249) #4DFFF9 178o #F94DFF rgb (249,77,255) #F94DFF 298o