O vermelho rubi é uma cor ousada e apaixonante, rica em tons profundos de vermelho. Ele se posiciona firmemente na seção vermelha do círculo cromático. O vermelho rubi transmite uma sensação vibrante e intensa, perfeito ao lado de tons como granada e carmesim. Use-o para adicionar drama e foco nos designs.

O Vermelho Rubi é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #9B111E
- Valor RGB: 60,8% vermelho, 6,7% verde, 11,8% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para variações dentro do mesmo espectro do Vermelho Rubi, considere:
- Vermelho Chili (#cd1c18): Captura a intensidade vibrante do vermelho rubi com sua aparência ousada e ardente, inclinando-se ligeiramente para um tom mais picante.
- Cereja (#d20a2e): Incorpora os tons ricos e profundos que um vermelho rubi pode possuir, com sua profundidade luxuosa e convidativa que evoca uma sensação de luxo.
- Vermelho Carmesim (#b22222): Reflete a natureza quente e intensa do vermelho rubi, com um tom que irradia uma elegância e sofisticação atemporais.
- Vermelho Sangue (#780606): Compartilha a presença apaixonada e dramática do vermelho rubi, caracterizado por sua saturação profunda e rica que exala uma sensação de drama e gravidade.
Para complementar o Vermelho Rubi, considere combiná-lo com:
- Verde Menta (#ADEBB3): O verde menta oferece um contraste fresco e animado ao vermelho rubi, criando um equilíbrio dinâmico e harmonioso que energiza qualquer design.
- Champanhe (#F7E6CA): O champanhe fornece um fundo neutro e quente que permite que o vermelho rubi brilhe sem sobrecarregar sua paleta, mantendo um visual sofisticado.
- Azul Claro (#B8E3E9): O azul claro introduz um contraste suave e calmante ao vermelho rubi, resultando em um esquema de cores equilibrado e sereno, perfeito para visuais tranquilizantes.
- Conhaque (#A2574F): O conhaque realça a riqueza e profundidade do vermelho rubi com seus tons quentes e convidativos, trazendo uma sensação de luxo e elegância à mistura.
- Cinza Ardósia (#6D8196): O cinza ardósia adiciona um toque moderno e frio que fundamenta o vermelho rubi, garantindo uma estética elegante e contemporânea.
Embora o Vermelho Rubi seja um tom profundo e elegante, certas cores podem entrar em conflito com ele devido às suas qualidades contrastantes:
- Rosa Neon (#FF13F0): A alta intensidade e brilho do Rosa Neon podem ofuscar o Vermelho Rubi, criando um efeito visualmente avassalador.
- Ciano (#00FFFF): O ciano oferece um contraste marcante que pode ser muito forte contra o Vermelho Rubi, resultando em uma experiência visual chocante.
- Verde Neon (#2CFF05): A vivacidade do Verde Neon pode entrar em conflito com os tons profundos do Vermelho Rubi, levando a uma combinação que parece visualmente desconfortável.
- Azul Elétrico (#00F0FF): O brilho do Azul Elétrico compete com a profundidade do Vermelho Rubi, potencialmente criando uma paleta desconcertante.
- Chartreuse (#CCFF00): Chartreuse apresenta um tom ousado e saturado que pode ofuscar o Vermelho Rubi, criando discórdia em um esquema de cores.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Acorde Carmesim
Surf Carmesim
Citrus Carmesim
Verificador de contraste
Contraste 8,42
- Texto grande
#9B111E
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,49
- Texto grande
#9B111E
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #9B111E, conhecida como Vermelho Rubi, tem valores RGB de R:155, G:17, B:30 e valores CMYK de C:0, M:89, Y:81, K:39.
| VALUE | CSS | |
|---|---|---|
| HEX | #9B111E | #9B111E |
| RGB DECIMAL | 155, 17, 30 | RGB(155,17,30) |
| RGB PERCENTAGE | 60.8, 6.7, 11.8 | RGB(60.8%,6.7%,11.8%) |
| CMYK | 0, 89, 81, 39 | |
| HSL | HSL(354.3, 80.2%, 33.7%) | HSL(354.3, 80.2%, 33.7%) |
| HSV (OR HSB) | 354.3°, 89.0, 60.8 | |
| WEB SAFE | #153051 | #153051 |
| BINARY | 10011011, 00010001, 00011110 | |
| iOS - SwiftUI | Color(red: 0.608, green: 0.067, blue: 0.118) | |
| iOS - UIKit | UIColor(red: 0.608, green: 0.067, blue: 0.118, alpha: 1) | |
| Android - Compose | Color(0xFF9B111E) |


