Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com Caqui?
Caqui é um tom alegre e vibrante que lembra os doces caquis, situando-se entre o laranja e o vermelho na roda de cores. Ele exala calor com nuances como tangerina e laranja-amarelado. Use caqui em designs para um toque fresco de cor, trazendo energia e diversão a qualquer projeto.
Caqui é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #EC5800
- Valor RGB: 92,5% vermelho, 34,5% verde, 0,0% azul
Considerações de acessibilidade são fundamentais na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo Web.
Para variações dentro do mesmo espectro do caqui, considere:
- Terracota (#E35336): Terracota oferece um tom quente com uma mistura equilibrada de vermelho e laranja, capturando o tom terroso frequentemente visto em caquis doces.
- Siena Queimada (#ED7B58): Siena Queimada apresenta um tom rico e quente com sua sutil tonalidade laranja, ecoando o calor natural encontrado nas cores de caqui.
- Coral (#FF8559): Coral tende para um tom laranja com sua aparência vibrante e animada, semelhante à tonalidade tangerina de alguns caquis.
- Vermelho-Laranja (#FF4B33): Vermelho-Laranja apresenta uma mistura marcante de vermelho e laranja, lembrando os tons vívidos e ousados encontrados em caquis.
Para complementar o Caqui, considere combiná-lo com:
- Azul Céu (#82c8e5): O tom frio e calmante do azul céu equilibra lindamente o tom quente do Caqui, criando uma tonalidade vibrante que agrada aos olhos.
- Verde Menta (#adebb3): Esta cor refrescante adiciona um contraste suave ao tom laranja do Caqui, evocando uma sensação de tranquilidade enquanto destaca seu calor.
- Azul Marinho (#000080): A profundidade e riqueza do azul marinho proporcionam um contraste marcante com o tom vibrante do Caqui, fazendo cada cor se destacar.
- Creme (#fdfbd4): Oferecendo um fundo suave e neutro, o creme realça a presença dinâmica do Caqui sem sobrecarregá-lo—ideal para uma paleta quente e acolhedora.
- Amarelo Mostarda (#ffce1b): Este tom ousado introduz um toque alegre e combina bem com o Caqui, ecoando tons de outono e adicionando um toque de brilho.
Embora o caqui seja um tom vibrante cheio de calor e caráter, ele pode entrar em conflito com:
- Vermelho Escuro (#950606): Esta cor compete com o caqui devido à sua natureza profunda e dominante, que pode sobrecarregar o calor do caqui.
- Verde Neon (#2CFF05): O brilho intenso do verde neon cria um contraste chocante com o tom quente do caqui, resultando em uma combinação visualmente discordante.
- Magenta (#FD3DB5): Este tom pode entrar em conflito com o caqui, pois ambos são ousados, levando a uma paleta que parece avassaladora e sem harmonia.
- Azul Marinho (#000080): A profundidade e frieza do azul marinho podem contrastar fortemente com o caqui, tornando a combinação visualmente desconfortável.
- Ciano (#00FFFF): Este tom introduz muito contraste com o tom laranja do caqui, criando um efeito visual agressivo que desvia do seu calor.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Brilho de Especiarias
Especiaria Safira
Zest do Inferno
Verificador de contraste
Contraste 3,52
- Texto grande
#EC5800
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,96
- Texto grande
#EC5800
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #EC5800, conhecida como Caqui, tem valores RGB de R:236, G:88, B:0 e valores CMYK de C:0, M:63, Y:100, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #EC5800 | #EC5800 |
| RGB DECIMAL | 236, 88, 0 | RGB(236,88,0) |
| RGB PERCENTAGE | 92.5, 34.5, 0.0 | RGB(92.5%,34.5%,0.0%) |
| CMYK | 0, 63, 100, 7 | |
| HSL | HSL(22.4, 100.0%, 46.3%) | HSL(22.4, 100.0%, 46.3%) |
| HSV (OR HSB) | 22.4°, 100.0, 92.5 | |
| WEB SAFE | #2551020 | #2551020 |
| BINARY | 11101100, 01011000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.925, green: 0.345, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.925, green: 0.345, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFEC5800) |
