Informação da cor #48b5c5

A cor hexadecimal 48b5c5 no modelo de cores RGB (Red, Green, Blue), é um composta por 72 de vermelho, 181 de verde e 197 de azul.

No padrão de cores CMYK, é composto por 63.5% de ciano, 8.1% de magenta, 0% de amarelo e 22.7% de preto. Tem um ângulo de matiz de 187.7 graus, uma saturação de 51.9% e uma leveza de 52.8%.

A cor mais próxima WebSafe é 339999.

Conversões de #48b5c5 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 48b5c5
RGB 72, 181, 197
RGB Percentagem 28.2%, 71%, 77.3%
CMYK 0.63, 0.08, 0, 0.23
HSL 187.7°, 51.9%, 52.8%
HSV (ou HSB) 187.7°, 63.5%, 77.3%
RYB 28.2, 51.4, 77.3
Formato Cor
XYZ 31.6, 41.2, 61.7
CIELab 70.32, -25.85, -16.7
Decimal 4765125
Yxy 38.4535, 0.2315, 0.3042
YUV 150.233, 154.3922, 72.199
CIELuv 68.3536, -42.785, -22.9801
Web Safe 339999

Distribuição de #48b5c5

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.

#48b5c5

#48b5c5
rgb(72,181,197)

#c55948

#c55948
rgb(197,89,72)

Cores triadicas

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

#c548b5

#c548b5
rgb(197,72,181)

#48b5c5

#48b5c5
rgb(72,181,197)

#b5c548

#b5c548
rgb(181,197,72)

Cores tetrádicas

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

#9748c5

#9748c5
rgb(151,72,197)

#48b5c5

#48b5c5
rgb(72,181,197)

#c55948

#c55948
rgb(197,89,72)

#77c548

#77c548
rgb(119,197,72)

Cores monocromáticas

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

#48b5c5

#48b5c5
rgb(72,181,197)

#9bc0c5

#9bc0c5
rgb(155,192,197)

#99c0c5

#99c0c5
rgb(153,192,197)

#97c0c5

#97c0c5
rgb(151,192,197)

#95bfc5

#95bfc5
rgb(149,191,197)

#93bfc5

#93bfc5
rgb(147,191,197)

Tons e Matizes de #48b5c5

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

Matiz (adicionando branco)
#48b5c5

#48b5c5
rgb(72,181,197)

#6cc3d0

#6cc3d0
rgb(108,195,208)

#91d2dc

#91d2dc
rgb(145,210,220)

#b5e1e7

#b5e1e7
rgb(181,225,231)

#daf0f3

#daf0f3
rgb(218,240,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#48b5c5

#48b5c5
rgb(72,181,197)

#39909d

#39909d
rgb(57,144,157)

#2b6c76

#2b6c76
rgb(43,108,118)

#1c484e

#1c484e
rgb(28,72,78)

#0e2427

#0e2427
rgb(14,36,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #48b5c5

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

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

Contraste

Branco e #48b5c5
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 #48b5c5
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 #48b5c5

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

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

Este parágrafo tem fundo de cor #48b5c5.

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

Este elemento tem uma cor de borda de #48b5c5.

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

Cores alietórias

#a441c0

#a441c0
rgb(164,65,192)

#dc3ef9

#dc3ef9
rgb(220,62,249)

#a0c121

#a0c121
rgb(160,193,33)

#4607c8

#4607c8
rgb(70,7,200)

#62b817

#62b817
rgb(98,184,23)

#7c74fc

#7c74fc
rgb(124,116,252)

#f13f37

#f13f37
rgb(241,63,55)

#fa7ec7

#fa7ec7
rgb(250,126,199)

#29f163

#29f163
rgb(41,241,99)

#45ebc5

#45ebc5
rgb(69,235,197)

#d125c6

#d125c6
rgb(209,37,198)

#eba83f

#eba83f
rgb(235,168,63)