#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 を使ったトーンオントーン

#224769

#0C404F

#2196E2

#0997C4

#046F9C

#3888C4

#134573

#34629C

#004359

#2196E2

#2B627D

#2196E2

#0F3845

#206B8C

#2296B8

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

#CE1251

#2196E2

#7B2ED5

#CEB22E

#1CDD41

#2196E2

#DD0C18

#B412F1

#C1D80C

#0CD544

#D33455

#0CFC22

#2196E2

#6F0CD5

#EFF110

#2196E2 を使ったカマイユ

#2196E2

#269ED8

#2088D0

#379CE7

#0E82D8

#37B4F1

#2196E2

#1591D8

#2193D3

#3095D3

#2A89DF

#0C97DA

#118BFC

#2196E2

#168CE5

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

#3D98F6

#326FDD

#2774C9

#20CCFF

#2196E2

#089ED3

#1B96FF

#1BDAFE

#2196E2

#2A76FF

#296EBC

#2196E2

#0976F9

#06C8F6

#2AB2FF

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

#80A8C2

#2196E2

#A1BED1

#5487A8

#3A4A54

#1177BA

#2A95DB

#2196E2

#5288AB

#4782A8

#186596

#0D2F45

#2196E2

#3283B8

#3A9FE0

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

#285775

#2196E2

#6396B8

#2196E2

#4A6A80

#3379A6

#4D95C4

#486E87

#2196E2

#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 を使ったコントラスト