227BFF

227BFF

Exportar cor como imagem

O valor RGB da cor #227BFF é (34,123,255).

A cor hexadecimal #227BFF tem valor vermelho 34, valor verde 123 e valor azul 255 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #227BFF: matiz: 0,60, saturação: 1,00 e luminosidade: 0,57.

A cor correspondente ao código hexadecimal #227BFF é 0,87, 0,52, 0,00, 0,00. A cor segura para a web correspondente a #227BFF é #3366FF. A cor #227BFF contém principalmente a cor azul.

Conversões da Cor #227BFF

HEX 227BFF
RGB 34, 123, 255
CMYK 87, 52, 0, 0
HSB 216, 87, 100
HSL 216, 100, 57
LAB 53.73, 23.14, -72.50
LCH 53.73, 76.10, 287.70
XYZ 25.79, 21.72, 97.42
LUV 53.73, -26.27, -115.06
HWB 216, 0, 43

Variações da Cor #227BFF

Veja as variações de cores em tons, sombras, matizes e temperaturas.

Sombras (Shades) da Cor #227BFF

Uma sombra é criada adicionando preto a uma cor base, aumentando sua intensidade. As tonalidades ficam mais dramáticas e ricas.

227BFF
2073EE
1D6BDD
1B62CC
195ABB
1752AA
144A99
124288
103977
0E3166
0B2955
092144
071933
051022
020811
000000

Tons Claros (Tints) da Cor #227BFF

Uma tonalidade clara é criada adicionando branco a uma cor base, aumentando sua luminosidade. As Tints tendem a ter uma aparência pastel e menos intensa.

227BFF
3184FF
3F8DFF
4E95FF
5D9EFF
6CA7FF
7AB0FF
89B9FF
98C1FF
A7CAFF
B5D3FF
C4DCFF
D3E5FF
E2EDFF
F0F6FF
FFFFFF

Tons (Tones) da Cor #227BFF

Um tom é criado adicionando cinza a uma cor base, aumentando sua luminosidade. Os tons têm uma aparência mais sofisticada e complexa do que as cores base.

227BFF
287BF7
2F7CEE
357CE6
3B7CDD
417DD5
487DCC
4E7DC4
547EBB
5A7EB3
617EAA
677FA2
6D7F99
737F91
7A8088
808080

Matizes (Hues) da Cor #227BFF

Uma matiz refere-se à família básica de cores que vai do vermelho ao violeta. Matizes são variações de uma cor base no círculo cromático.

FFD324
D3FF24
7BFF24
24FF24
24FF7B
24FFD3
24D3FF
227BFF
2424FF
7B24FF
D324FF
FF24D3
FF247B
FF2424
FF7B24

Temperaturas da Cor #227BFF

As cores são frequentemente divididas em frias e quentes de acordo com a forma como as percebemos. Verdes e azuis são cores frias, enquanto vermelhos e amarelos são cores quentes.

24FFA7
24FFC5
24FFE5
24FBFF
24DAFF
24BDFF
249CFF
227BFF
245EFF
243DFF
2724FF
4824FF
6524FF
8624FF
A724FF

Harmonias da Cor #227BFF

Harmonias de cores são esquemas de cores agradáveis ​​criados de acordo com sua posição no círculo cromático. Saber mais

Análogas

Esquemas de cores análogas são criados escolhendo três cores que estão lado a lado no círculo cromático. Elas são percebidas como calmas e serenas.

24E9FF
227BFF
3A24FF

Complementares

As combinações de cores complementares são criadas escolhendo duas cores opostas no círculo cromático. Elas parecem vibrantes quando estão próximas uma da outra.

227BFF
FFA724

Complementares Divididas

Esquemas complementares divididas são semelhantes aos complementares, mas utilizam duas cores adjacentes à cor complementar. Eles são mais flexíveis do que os complementares.

227BFF
FF3A24
E9FF24

Triádicas

Esquemas de cores triádicas são criados escolhendo três cores equidistantes no círculo cromático. Elas apresentam um contraste acentuado e são multicoloridas.

227BFF
FF247B
7BFF24

Tetrádicas

Os esquemas de cores tetrádicos são formados por dois pares de cores complementares dispostas em um retângulo no círculo cromático. São muito versáteis e funcionam melhor com uma cor dominante.

227BFF
A724FF
FFA724
7BFF24

Quadradas

Esquemas de cores quadradas são como tetrádicas dispostas em um quadrado em vez de um retângulo. As cores parecem ainda mais contrastantes.

227BFF
FF24E9
FFA724
24FF3A

Simulador de Daltonismo da Cor #227BFF

Analise como uma cor é percebida por pessoas daltônicas para criar designs acessíveis. Saber mais

Protanopia

1,3% dos homens, 0,02% das mulheres

227BFF
4949DF
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

1,2% dos homens, 0,01% das mulheres

227BFF
433DD7
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

0,001% dos homens, 0,03% das mulheres

227BFF
26C6C0
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

1,0% dos homens, 0,02% das mulheres

227BFF
325DEF
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

5,0% dos homens, 0,35% das mulheres

227BFF
3464EC
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

0,01% da população (homens e mulheres igualmente)

227BFF
259EE7
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

0,003% da população (homens e mulheres igualmente)

227BFF
6F6F6F
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #227BFF

Verifique o contraste de um texto em fundos branco e preto.

Fundo branco

RUIM 2/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#227BFF • Contraste de cores
Contraste: 3.93:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Fundo preto

BOM 3/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#227BFF • Contraste de cores
Contraste: 5.35:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Cores Relacionadas

Confira abaixo cores visualmente semelhantes:

Exportar Códigos de Cores

Formato de Exportação

Códigos Gerados