Nome da cor #2a2e4c

Tropical Night Blue

Cor #2a2e4c no formato RGB (42, 46, 76): 16%, 18%, 30% vermelho, 16%, 18%, 30% verde, 16%, 18%, 30% azul. #2a2e4c no formato CMYK (45%, 39%, 0%, 70%): 45%, 39%, 0%, 70%. No modelo de cores HSL (233, 29%, 23%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#2a2e4c

#3f435e

#555870

#6a6d82

#7f8294

#9597a6

#aaabb7

#bfc0c9

#d4d5db

#eaeaed

#ffffff

Formatos de cores

HEX

#2a2e4c

RYB

4, 0, 0

RGB

42, 46, 76

Decimal

2764364

RGB %

16%, 18%, 30%

Websafe

#333333

CMYK

45%, 39%, 0%, 70%

Lab

19.92, 7.25, -19.1

HSL

233, 29%, 23%

XYZ

3.24, 2.97, 7.24

HSV

233, 45%, 30%

YIQ

48.22, -12.04, 8.52

Hunter-Lab

1.72, 0.51, -1.08

YUV

48.22, 13.67, -5.46

Android

0xFF2a2e4c

Yxy

2.97, 0.24, 0.22

Cores Adicionais

#2a2f4c

#2b2a4c

#312a4c

#362a4c

#2e2a4c

#342a4c

#392a4c

#3f2a4c

#362a4c

#3c2a4c

#422a4c

#472a4c

#3f2a4c

#452a4c

#4a2a4c

#4c2a48

#472a4c

#4c2a4b

#4c2a45

#4c2a40

#4c2a48

#4c2a42

#4c2a3d

#4c2a37

#4c2a40

#4c2a3a

#4c2a34

#4c2a2f

Esquema de cores

Complementary

#2a2e4c

#4c472a

Triad

#2a2e4c

#4c2a2f

#2f4c2a

Tetrad

#2a2e4c

#4c2a40

#4c472a

#2a4c36

Tons

#2a2e4c

#272b47

#242842

#22253d

#1f2238

#1c1f33

#191c2e

#161929

#141523

#11121e

#0e0f19

#0b0c14

#08090f

#06060a

#030305

Tons escuros

#22253d

#20233a

#1e2137

#1d1f34

#1b1d31

#191c2e

#181a2b

#161828

#141624

#121421

#11121e

#0f111b

#0d0f18

#0c0d15

#0a0b12

Tons claros

#2a2e4c

#2c304f

#2d3252

#2f3455

#313558

#32375b

#34395e

#363b61

#373d64

#393f67

#3b406a

#3c426d

#3e4470

#404674

#424877

Monocromático

#22253d

#22263e

#232740

#242841

#252843

#262944

#272a46

#272b47

#282c49

#292d4a

#2a2e4c

#2b2f4e

#2c304f

#2d3151

#2d3252

Análogo

#2a4c36

#2a4c47

#2a404c

#2a2f4c

#362a4c

#472a4c

#4c2a40

Estilos para HTML (CSS)

O fundo deste bloco é colorido #4c2a40

<div style="background: #4c2a40">Background</div>

div {background: #4c2a40;}

O texto e as bordas deste bloco são coloridos #2a2e4c

div {color: #4c2a40;}

<div style="border: 1px solid #2a2e4c">Border</div>

div {border: 1px solid #2a2e4c;}