Cores
#f2ae45

#f2ae45 Informações de cor HEX

Cor	HEX	RGB
	#f2ae45	RGB(242, 174, 69)

Criado em 02/23/2023 11:07

Classificação da cor #f2ae45

#f2ae45 é Claro e Quente Cor Saturação 87%, luminosidade 61%.

Tom claro de Laranja

RGB os valores são RGB(242, 174, 69)
#f2ae45 cor contém Vermelho 94.9%, Verde 68.24% e Azul 27.06%.
oklch(79.71% 0.1418 74.56)

Laranja

Nomes de cores de #f2ae45 HEX código

≈ Yellow Orange

Cores alternativas de #f2ae45

A cor oposta para #f2ae45 é #4589f2

#4589f2

#f2ae45 Conversão de cores

Informações de códigos e valores sobre o decimal de cor HEX, HEX. Valores HSL, HSLA, RGB, RGBA #f2ae45

cmyk

CMYK(0%, 28%, 71%, 5%)

Decimal

15904325

HEX

#f2ae45

HSL

hsl(36, 87%, 61%)

HSLA

hsla(36, 87%, 61%, 1)

RGB

RGB(242, 174, 69)

RGBA

RGBA(242, 174, 69, 1)

Paletas para cores #f2ae45:

Abaixo exemplos de paletas de cores para cores HEX #f2ae45

a cor mais escura dos tons escuros é #181107 e a mais clara dos tons claros é #fef7ec

Paleta de tons escuros de #f2ae45:

#da9d3e

#c28b37

#a97a30

#916829

#795723

#61461c

#493415

#30230e

#181107

#000000

Paleta de tons claros de #f2ae45:

#f3b658

#f5be6a

#f6c67d

#f7ce8f

#f9d7a2

#fadfb5

#fbe7c7

#fcefda

#fef7ec

#ffffff

Paleta complementar de #f2ae45:

#f2ae45

#4589f2

Paleta triádica de #f2ae45:

#f2ae45

#45f2ae

#ae45f2

Paleta quadrada de #f2ae45:

#f2ae45

#45f257

#4589f2

#f245e0

Paleta análoga de #f2ae45:

#f25745

#f2ae45

#e0f245

Paleta complementar dividida de #f2ae45:

#f2ae45

#45e0f2

#5745f2

Paleta retangular (tetrádica) de #f2ae45:

#f2ae45

#89f245

#4589f2

#ae45f2

Paletas de cores sugeridas para #f2ae45 HEX:

Paleta de cores com cor #f2ae45 #1:

Paleta de cores com cor #f2ae45 #2:

Paleta de cores com cor #f2ae45 #3:

Paleta de cores com cor #f2ae45 #4:

Paleta de cores com cor #f2ae45 #5:

Cor #f2ae45 usado em paletas (1)

Design illustration vector hex colors

Contraste de cor

Combinações de cores #f2ae45 com preto e branco para texto pequeno, texto grande e gráficos com base na proporção de contraste de acessibilidade do WCAG.

#f2ae45

Razão de contraste

1.92:1

Tamanho	Nível AA	Nível AAA
Texto grande:
Texto pequeno:

#f2ae45

Razão de contraste

10.91:1

Tamanho	Nível AA	Nível AAA
Texto grande:
Texto pequeno:

Imagem #f2ae45 cor png

Visite a lista de cores populares para mais cores

Cores da interface do Metro Cores Pantone Cores da Web Cores seguras para a Web Cores X11 Cores XKCD