Nome da cor #2a8fbd

Christmas Blue

Cor #2a8fbd no formato RGB (42, 143, 189): 16%, 56%, 74% vermelho, 16%, 56%, 74% verde, 16%, 56%, 74% azul. #2a8fbd no formato CMYK (78%, 24%, 0%, 26%): 78%, 24%, 0%, 26%. No modelo de cores HSL (199, 64%, 45%): :graus hsl, :saturação hsl, :luminosidade hsl. Outros formatos e correspondências são apresentados abaixo.

#2a8fbd
#3f9ac4
#55a5ca
#6ab1d1
#7fbcd7
#95c7de
#aad2e5
#bfddeb
#d4e9f2
#eaf4f8
#ffffff

Formatos de cores

HEX

#2a8fbd

RYB

101, 0, 0

RGB

42, 143, 189

Decimal

2789309

RGB %

16%, 56%, 74%

Websafe

#3399cc

CMYK

78%, 24%, 0%, 26%

Lab

55.9, -12.7, -32.05

HSL

199, 64%, 45%

XYZ

19.96, 23.81, 51.69

HSV

199, 78%, 74%

YIQ

118.05, -75.01, -6.96

Hunter-Lab

4.88, -0.86, -2.35

YUV

118.05, 34.92, -66.72

Android

0xFF2a8fbd

Yxy

23.81, 0.21, 0.25

Cores Adicionais

#2a91bd
#2a78bd
#2a60bd
#2a47bd
#2a6cbd
#2a54bd
#2a3bbd
#312abd
#2a47bd
#2a2fbd
#3e2abd
#562abd
#312abd
#4a2abd
#622abd
#7b2abd
#562abd
#6f2abd
#872abd
#a02abd
#7b2abd
#932abd
#ac2abd
#bd2ab6
#a02abd
#b82abd
#bd2aa9
#bd2a91

Esquema de cores

Complementary

#2a8fbd
#bd562a

Triad

#2a8fbd
#bd2a91
#91bd2a

Tetrad

#2a8fbd
#a02abd
#bd562a
#47bd2a

Tons

#2a8fbd
#2785b0
#247ca4
#227297
#1f698b
#1c5f7e
#195671
#164c65
#144358
#11394c
#0e303f
#0b2632
#081d26
#061319
#030a0d

Tons escuros

#227297
#206d90
#1e6788
#1d6181
#1b5c79
#195671
#18506a
#164a62
#14455b
#123f53
#11394c
#0f3344
#0d2e3c
#0c2835
#0a222d

Tons claros

#2a8fbd
#2c95c5
#2d9acc
#2fa0d4
#31a6db
#32ace3
#34b1ea
#36b7f2
#37bdf9
#39c2ff
#3bc8ff
#3cceff
#3ed4ff
#40d9ff
#42dfff

Monocromático

#227297
#22759b
#23789f
#247ba3
#257ea6
#2681aa
#2784ae
#2786b2
#2889b5
#298cb9
#2a8fbd
#2b92c1
#2c95c5
#2d98c8
#2d9acc

Análogo

#47bd2a
#2abd56
#2abda0
#2a91bd
#2a47bd
#562abd
#a02abd

Estilos para HTML (CSS)

O fundo deste bloco é colorido #a02abd
<div style="background: #a02abd">Background</div>
div {background: #a02abd;}
O texto e as bordas deste bloco são coloridos #2a8fbd
<div style="color: #2a8fbd">Text</div>
div {color: #a02abd;}
<div style="border: 1px solid #2a8fbd">Border</div>
div {border: 1px solid #2a8fbd;}