Informação da cor #41cbfd

A cor hexadecimal 41cbfd no modelo de cores RGB (Red, Green, Blue), é um composta por 65 de vermelho, 203 de verde e 253 de azul.

No padrão de cores CMYK, é composto por 74.3% de ciano, 19.8% de magenta, 0% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 196 graus, uma saturação de 97.9% e uma leveza de 62.4%.

A cor mais próxima WebSafe é 3399CC.

Conversões de #41cbfd 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 41cbfd
RGB 65, 203, 253
RGB Percentagem 25.5%, 79.6%, 99.2%
CMYK 0.74, 0.2, 0, 0.01
HSL 196°, 97.9%, 62.4%
HSV (ou HSB) 196°, 74.3%, 99.2%
RYB 25.5, 56.9, 99.2
Formato Cor
XYZ 42.8, 53.1, 101.1
CIELab 77.95, -21.61, -33.1
Decimal 4312061
Yxy 50.9226, 0.2141, 0.2642
YUV 167.438, 176.2856, 54.9344
CIELuv 76.6321, -48.5458, -54.0474
Web Safe 3399CC

Distribuição de #41cbfd

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

As cores complementares são pares de cores que ficam opostas uma da outra na roda de cores. Essas cores são consideradas "complementares" porque criam um forte contraste visual quando usadas juntas e são frequentemente usadas em projetos de design para criar interesse visual e equilíbrio.

#41cbfd

#41cbfd
rgb(65,203,253)

#fd7342

#fd7342
rgb(253,115,66)

Cores triadicas

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

#fd42cc

#fd42cc
rgb(253,66,204)

#41cbfd

#41cbfd
rgb(65,203,253)

#ccfd42

#ccfd42
rgb(204,253,66)

Cores tetrádicas

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

#d142fd

#d142fd
rgb(209,66,253)

#41cbfd

#41cbfd
rgb(65,203,253)

#fd7342

#fd7342
rgb(253,115,66)

#6efd42

#6efd42
rgb(110,253,66)

Cores monocromáticas

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

#41cbfd

#41cbfd
rgb(65,203,253)

#c6effd

#c6effd
rgb(198,239,253)

#c4eefd

#c4eefd
rgb(196,238,253)

#c1eefd

#c1eefd
rgb(193,238,253)

#bfedfd

#bfedfd
rgb(191,237,253)

#bcecfd

#bcecfd
rgb(188,236,253)

Tons e Matizes de #41cbfd

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

Matiz (adicionando branco)
#41cbfd

#41cbfd
rgb(65,203,253)

#67d5fd

#67d5fd
rgb(103,213,253)

#8ddffd

#8ddffd
rgb(141,223,253)

#b3eafe

#b3eafe
rgb(179,234,254)

#d9f4fe

#d9f4fe
rgb(217,244,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#41cbfd

#41cbfd
rgb(65,203,253)

#34a2ca

#34a2ca
rgb(52,162,202)

#277997

#277997
rgb(39,121,151)

#195165

#195165
rgb(25,81,101)

#0c2832

#0c2832
rgb(12,40,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #41cbfd

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

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

Contraste

Branco e #41cbfd
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 #41cbfd
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 #41cbfd

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

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

Este parágrafo tem fundo de cor #41cbfd.

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

Este elemento tem uma cor de borda de #41cbfd.

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

Cores alietórias

#176592

#176592
rgb(23,101,146)

#fa1182

#fa1182
rgb(250,17,130)

#bc81aa

#bc81aa
rgb(188,129,170)

#662bff

#662bff
rgb(102,43,255)

#87057f

#87057f
rgb(135,5,127)

#33c276

#33c276
rgb(51,194,118)

#ce359b

#ce359b
rgb(206,53,155)

#ed6bdc

#ed6bdc
rgb(237,107,220)

#e41871

#e41871
rgb(228,24,113)

#7b0235

#7b0235
rgb(123,2,53)

#774c9f

#774c9f
rgb(119,76,159)

#c385bd

#c385bd
rgb(195,133,189)