123BFF

123BFF

Exportar cor como imagem

O valor RGB da cor #123BFF é (18,59,255).

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

A cor correspondente ao código hexadecimal #123BFF é 0,93, 0,77, 0,00, 0,00. A cor segura para a web correspondente a #123BFF é #0033FF. A cor #123BFF contém principalmente a cor azul.

Conversões da Cor #123BFF

HEX 123BFF
RGB 18, 59, 255
CMYK 93, 77, 0, 0
HSB 230, 93, 100
HSL 230, 100, 54
LAB 38.67, 61.04, -97.22
LCH 38.67, 114.79, 302.12
XYZ 19.86, 10.47, 95.56
LUV 38.67, -13.31, -133.27
HWB 230, 0, 46

Variações da Cor #123BFF

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

Sombras (Shades) da Cor #123BFF

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

123BFF
1137EE
1033DD
0E2FCC
0D2BBB
0C27AA
0B2399
0A1F88
081C77
071866
061455
051044
040C33
020822
010411
000000

Tons Claros (Tints) da Cor #123BFF

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.

123BFF
2248FF
3255FF
4162FF
516FFF
617CFF
7189FF
8196FF
90A4FF
A0B1FF
B0BEFF
C0CBFF
D0D8FF
DFE5FF
EFF2FF
FFFFFF

Tons (Tones) da Cor #123BFF

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.

123BFF
1940F7
2144EE
2849E6
2F4DDD
3752D5
3E57CC
455BC4
4D60BB
5464B3
5B69AA
636EA2
6A7299
717791
797B88
808080

Matizes (Hues) da Cor #123BFF

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.

F7FF14
99FF14
3CFF14
14FF4B
14FFA9
14F7FF
1499FF
123BFF
4B14FF
A914FF
FF14F7
FF1499
FF143C
FF4B14
FFA914

Temperaturas da Cor #123BFF

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.

14FFD8
14FFF7
14E4FF
14C4FF
14A1FF
1482FF
145FFF
123BFF
141CFF
3014FF
4F14FF
7214FF
9214FF
B514FF
D814FF

Harmonias da Cor #123BFF

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.

14B1FF
123BFF
6314FF

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.

123BFF
FFD814

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.

123BFF
FF6314
B1FF14

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.

123BFF
FF143C
3CFF14

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.

123BFF
D814FF
FFD814
3CFF14

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.

123BFF
FF14B1
FFD814
14FF63

Simulador de Daltonismo da Cor #123BFF

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

123BFF
2424D0
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

123BFF
211EC4
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

123BFF
14AAA2
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

123BFF
1A2DE7
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

123BFF
1A30E3
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

123BFF
136FDB
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

123BFF
454545
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #123BFF

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

Fundo branco

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

Fundo preto

RUIM 2/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#123BFF • Contraste de cores
Contraste: 3.10: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