#2196E2｜カラーサイト.com

#2196E2 の色情報

#2196E2

画像
HEX	#2196E2
RGB	R:33 G:150 B:226
RGBの割合	R:12.9% G:58.8% B:88.6%
HSV	H:203.6 S:85.4 V:88.6
HSL	H:203.6 S:76.9 L:50.8
CMY	C:87.1 M:41.2 Y:11.4

CMYK	C:85.4 M:33.6 Y:0.0 K:11.4
YCbCr	Y:122.2 Cb:178.7 Cr:71.2
XYZ	X:25.3 Y:27.6 Z:76.0
xyY	x:0.196 y:0.214 Y:27.6

CIE Lab	L:59.5 a:-4.2 b*:-47.1
CIE LCh	L:59.5 C:47.3 h:264.9
CIE Luv	L:59.5 u:-36.1 v*:-74.2
Hunter Lab	L:52.6 a:-6.2 b:-48.9

#2196E2 の色相別色一覧

#E23D21

#E26D21

#E29D21

#E2CE21

#C6E221

#96E221

#66E221

#36E221

#21E23D

#21E26D

#21E29D

#21E2CE

#21C6E2

#2196E2

#2166E2

#2136E2

#3D21E2

#6D21E2

#9D21E2

#CE21E2

#E221C6

#E22196

#E22166

#E22135

#2196E2 の彩度別色一覧

#E1E2E2

#D6DDE2

#CBD9E2

#BFD4E2

#B4D0E2

#A9CBE2

#9DC7E2

#92C2E2

#87BEE2

#7BBAE2

#70B5E2

#65B1E2

#5AACE2

#4EA8E2

#43A3E2

#389FE2

#2C9AE2

#2196E2

#1692E2

#0A8DE2

#2196E2 の明度別色一覧

#010609

#030F16

#051723

#072030

#09283C

#0B3049

#0D3956

#0E4163

#104A6F

#12527C

#145B89

#166396

#186CA2

#1A74AF

#1B7DBC

#1D85C9

#1F8ED5

#2196E2

#239EEF

#25A7FC

#2196E2 を使ったトーンオントーン

#2A6E94

#2196E2

#14395C

#3F7BC2

#073D75

#005891

#1C83B5

#0F3157

#2196E2

#095078

#0053A3

#2196E2

#2270C2

#1C527A

#112E45

#2196E2 を使ったトーンイントーン

#2196E2

#19E73D

#EA2B59

#8921F4

#DFC72E

#8010EC

#FC205F

#E7C612

#0FDF29

#2196E2

#D5B126

#8C31EF

#31DF23

#2196E2

#FC2F7B

#2196E2 を使ったカマイユ

#2196E2

#0C97D5

#32ABF4

#0B88F9

#3691E5

#1BABEC

#329DD5

#349BDA

#1794D5

#2196E2

#3385D0

#2085D0

#1B7FC9

#249FEA

#2196E2 を使ったフォカマイユ

#2196E2

#41BFDA

#0BB9E7

#28BCD8

#3397F9

#0377DA

#1499D5

#136FFF

#22AAC3

#2196E2

#407BD8

#0173F1

#0688EF

#2196E2

#08A5DD

#2196E2 を使ったドミナントカラー

#758E9E

#353738

#1D81C2

#A1BBCC

#2196E2

#5D859E

#0C5382

#83C6F2

#2196E2

#1F4157

#7BA3BD

#228ED4

#6597B8

#2196E2

#93B1C4

#2196E2 を使ったアイデンティティ

#59BEFF

#375263

#2196E2

#536E80

#4981A6

#5D839C

#2196E2

#26485E

#2196E2 を使ったトライアド

#2196E2

#E22196

#96E221

#2196E2 を使ったスプリットコンプリメンタリー

#E2AD21

#2196E2

#E22D21

#2196E2 を使ったテトラード

#2196E2

#CE21E2

#E26D21

#35E221

#2196E2 を使ったコントラスト

#2196E2

#E26D21

#2196E2

#92C2E2

#2196E2

#0F4466

#2196E2の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#2196E2の色相や彩度を変えたときの配色なども一覧で表示します。

#2196E2

#2196E2 の色情報

#2196E2 の色相別色一覧

#2196E2 の彩度別色一覧

#2196E2 の明度別色一覧

#2196E2 を使ったトーンオントーン

#2196E2 を使ったトーンイントーン

#2196E2 を使ったカマイユ

#2196E2 を使ったフォカマイユ

#2196E2 を使ったドミナントカラー

#2196E2 を使ったアイデンティティ

#2196E2 を使ったトライアド

#2196E2 を使ったスプリットコンプリメンタリー

#2196E2 を使ったテトラード

#2196E2 を使ったコントラスト