Ir para o seletor de cores

Cor Cáqui: #f0e68c

Cáqui é #f0e68c, rgb(240, 230, 140) em RGB e oklch(91.349% 0.11192 102.829) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

54 °
100%

91,3%
0,112
103 °
  • Amarelo
  • Muito claro
  • Suave
  • Pastel
  • Neutra
  • amber-200
  • Preto 6%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.28:1Difícil de ler
Lc -16
Texto preto
16.40:1Legível · AA
Lc 90

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Khaki

Paletas com Cáqui

Cores com nome parecidas

Perguntas sobre Cáqui

Qual é o código HEX de Cáqui?

O código HEX de Cáqui é #f0e68c. Em RGB é rgb(240, 230, 140), em HSL hsl(54, 76.92%, 74.51%) e em OKLCH oklch(91.349% 0.11192 102.829).

Quais cores combinam com Cáqui?

A cor complementar é #dbdeff. Para um visual mais tranquilo, combine com as cores análogas #ffd895 e #c6f3a5. Paletas prontas com Cáqui estão nesta página.

Cáqui é uma cor quente ou fria?

Cáqui é uma cor neutra, com matiz OKLCH de 103 graus.

Qual cor de texto é legível sobre Cáqui?

O texto preto é mais legível sobre Cáqui: o branco dá uma razão de contraste de 1.28:1 e o preto, 16.4:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

Sobre #f0e68c

#f0e68c é um delicado tom muito claro de amarelo. Em OKLCH, tem luminosidade 91,3%, croma 0.112 e matiz 103 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.28:1 e texto preto a 16.4:1, então o texto preto é mais legível.

A cor com nome mais próxima é Cáqui (#f0e68c). No Tailwind CSS, a cor mais próxima é amber-200.

Mais tons de amarelo (muito claro)

Mais claro: #f0e68c misturado com branco

  1. f0e68c

Mais escuro: #f0e68c misturado com preto

  1. f0e68c

Mais acinzentado: #f0e68c com menos saturação

  1. f0e68c

Cores com nome parecidas

Cores que combinam com #f0e68c

Complementar
#f0e68c
Análoga
#f0e68c
Triádica
#f0e68c
Dividida
#f0e68c