#2D6AE2｜カラーサイト.com

#2D6AE2 の色情報

#2D6AE2

画像
HEX	#2D6AE2
RGB	R:45 G:106 B:226
RGBの割合	R:17.6% G:41.6% B:88.6%
HSV	H:219.8 S:80.1 V:88.6
HSL	H:219.8 S:75.7 L:53.1
CMY	C:82.4 M:58.4 Y:11.4

CMYK	C:80.1 M:53.1 Y:0.0 K:11.4
YCbCr	Y:103.1 Cb:189.7 Cr:92.7
XYZ	X:20.0 Y:16.4 Z:74.1
xyY	x:0.181 y:0.148 Y:16.4

CIE Lab	L:47.4 a:23.8 b*:-66.5
CIE LCh	L:47.4 C:70.6 h:289.7
CIE Luv	L:47.4 u:-21.1 v*:-102.6
Hunter Lab	L:40.4 a:17.3 b:-80.3

#2D6AE2 の色相別色一覧

#E24B2D

#E2782D

#E2A52D

#E2D22D

#C5E22D

#97E22D

#6AE22D

#3DE22D

#2DE24B

#2DE278

#2DE2A5

#2DE2D2

#2DC5E2

#2D97E2

#2D6AE2

#2D3DE2

#4B2DE2

#782DE2

#A52DE2

#D22DE2

#E22DC5

#E22D97

#E22D6A

#E22D3D

#2D6AE2 の彩度別色一覧

#E2E2E2

#D7DAE2

#CBD3E2

#C0CBE2

#B5C4E2

#A9BCE2

#9EB5E2

#93ADE2

#87A6E2

#7C9EE2

#7197E2

#668FE2

#5A88E2

#4F80E2

#4479E2

#3871E2

#2D6AE2

#2263E2

#165BE2

#0B54E2

#2D6AE2 の明度別色一覧

#020409

#040A16

#071023

#091630

#0C1C3C

#0F2249

#112856

#142E63

#16346F

#193A7C

#1B4089

#1E4696

#204CA2

#2352AF

#2558BC

#285EC9

#2A64D5

#2D6AE2

#3070EF

#3276FC

#2D6AE2 を使ったトーンオントーン

#1D5AA3

#1D4273

#1B284A

#2A77C2

#2D6AE2

#1A62C7

#1F3259

#2F4E9C

#2D6AE2

#1B2E70

#1B2C5C

#1A54B0

#2D6AE2

#06368F

#061F80

#2D6AE2 を使ったトーンイントーン

#DF5A41

#2D6AE2

#C036D0

#ABD332

#39CB7A

#CB452A

#36F699

#EE43F1

#9ADA30

#2D6AE2

#C4EC3D

#D83F3A

#2D6AE2

#D84AF9

#38EC83

#2D6AE2 を使ったカマイユ

#1848C9

#2361FC

#2D6AE2

#1A53D8

#2766F6

#2D6AE2

#4491FC

#3977D3

#3E6BD0

#2258D5

#185CCE

#2D6AE2

#2C6DF6

#3776FC

#406ADD

#2D6AE2 を使ったフォカマイユ

#3A4FFF

#365BEC

#2D6AE2

#1C46FF

#0E58CE

#4A57DA

#2D6AE2

#4D9DDD

#165AF6

#1B76F4

#2D57C6

#1E37D8

#2E44BE

#2D6AE2

#1289FF

#2D6AE2 を使ったドミナントカラー

#1B2333

#DDE3F0

#4C628F

#2D6AE2

#3168D4

#5484E3

#2D6AE2

#4061A1

#303847

#D5DEF0

#424F69

#8DA9E0

#7194D9

#0F2F70

#2D6AE2

#2D6AE2 を使ったアイデンティティ

#2D6AE2

#083EA8

#525E75

#345491

#5974A8

#2D6AE2

#354463

#083BA1

#2D6AE2

#2D6AE2 を使ったトライアド

#2D6AE2

#E22D6A

#6AE22D

#2D6AE2 を使ったスプリットコンプリメンタリー

#E2E12D

#2D6AE2

#E2692D

#2D6AE2 を使ったテトラード

#2D6AE2

#E22DC5

#E2A52D

#2DE24B

#2D6AE2 を使ったコントラスト

#2D6AE2

#E2A52D

#2D6AE2

#9EB5E2

#2D6AE2

#143066

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

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

#2D6AE2

#2D6AE2 の色情報

#2D6AE2 の色相別色一覧

#2D6AE2 の彩度別色一覧

#2D6AE2 の明度別色一覧

#2D6AE2 を使ったトーンオントーン

#2D6AE2 を使ったトーンイントーン

#2D6AE2 を使ったカマイユ

#2D6AE2 を使ったフォカマイユ

#2D6AE2 を使ったドミナントカラー

#2D6AE2 を使ったアイデンティティ

#2D6AE2 を使ったトライアド

#2D6AE2 を使ったスプリットコンプリメンタリー

#2D6AE2 を使ったテトラード

#2D6AE2 を使ったコントラスト