Informação da cor #ace0ba

A cor hexadecimal ace0ba no modelo de cores RGB (Red, Green, Blue), é um composta por 172 de vermelho, 224 de verde e 186 de azul.

No padrão de cores CMYK, é composto por 23.2% de ciano, 0% de magenta, 17% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 136.2 graus, uma saturação de 45.6% e uma leveza de 77.7%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #ace0ba num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex ace0ba
RGB 172, 224, 186
RGB Percentagem 67.5%, 87.8%, 72.9%
CMYK 0.23, 0, 0.17, 0.12
HSL 136.2°, 45.6%, 77.7%
HSV (ou HSB) 136.2°, 23.2%, 87.8%
RYB 67.5, 83.5, 87.8
Formato Cor
XYZ 55, 67.8, 59.5
CIELab 85.92, -22.59, 12.24
Decimal 11329722
Yxy 65.6253, 0.301, 0.3761
YUV 204.12, 117.7743, 105.0899
CIELuv 84.805, -26.0235, 23.6243
Web Safe 99CC99

Distribuição de #ace0ba

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#ace0ba

#ace0ba
rgb(172,224,186)

#e0acd2

#e0acd2
rgb(224,172,210)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#bbace0

#bbace0
rgb(187,172,224)

#ace0ba

#ace0ba
rgb(172,224,186)

#e0bbac

#e0bbac
rgb(224,187,172)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#acb8e0

#acb8e0
rgb(172,184,224)

#ace0ba

#ace0ba
rgb(172,224,186)

#e0acd2

#e0acd2
rgb(224,172,210)

#e0d5ac

#e0d5ac
rgb(224,213,172)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#ace0ba

#ace0ba
rgb(172,224,186)

#b1e0be

#b1e0be
rgb(177,224,190)

#afe0bc

#afe0bc
rgb(175,224,188)

#ace0ba

#ace0ba
rgb(172,224,186)

#aae0b9

#aae0b9
rgb(170,224,185)

#a8e0b7

#a8e0b7
rgb(168,224,183)

Tons e Matizes de #ace0ba

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#ace0ba

#ace0ba
rgb(172,224,186)

#bce6c7

#bce6c7
rgb(188,230,199)

#cdecd5

#cdecd5
rgb(205,236,213)

#ddf2e3

#ddf2e3
rgb(221,242,227)

#eef8f1

#eef8f1
rgb(238,248,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ace0ba

#ace0ba
rgb(172,224,186)

#89b394

#89b394
rgb(137,179,148)

#67866f

#67866f
rgb(103,134,111)

#44594a

#44594a
rgb(68,89,74)

#222c25

#222c25
rgb(34,44,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #ace0ba fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #ace0ba fica em um fundo preto.

Fundo de cor #ace0ba

Esta visualização mostra como a cor branca fica em um fundo #ace0ba.

Esta visualização mostra como a cor preta fica em um fundo #ace0ba.

Contraste

Branco e #ace0ba
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #ace0ba
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #ace0ba

Este exemplo mostra como o texto na cor #ace0ba se parece.

<span style="color:#ace0ba;">Aqui fica o texto.</span>
Cor de fundo #ace0ba

Este parágrafo tem fundo de cor #ace0ba.

<p style="background-color:#ace0ba;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #ace0ba.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#ace0ba;}
.background {background-color:#ace0ba;}
.border {border:1px solid #ace0ba;}

Cores alietórias

#21d184

#21d184
rgb(33,209,132)

#e6db8b

#e6db8b
rgb(230,219,139)

#dd1ae7

#dd1ae7
rgb(221,26,231)

#b457af

#b457af
rgb(180,87,175)

#d0fe26

#d0fe26
rgb(208,254,38)

#55f9f3

#55f9f3
rgb(85,249,243)

#45bbf3

#45bbf3
rgb(69,187,243)

#93c059

#93c059
rgb(147,192,89)

#43f82b

#43f82b
rgb(67,248,43)

#d36f35

#d36f35
rgb(211,111,53)

#98487d

#98487d
rgb(152,72,125)

#96db5e

#96db5e
rgb(150,219,94)