#3F6CE2｜カラーサイト.com

#3F6CE2 の色情報

#3F6CE2

画像
HEX	#3F6CE2
RGB	R:63 G:108 B:226
RGBの割合	R:24.7% G:42.4% B:88.6%
HSV	H:223.4 S:72.1 V:88.6
HSL	H:223.4 S:73.8 L:56.7
CMY	C:75.3 M:57.6 Y:11.4

CMYK	C:72.1 M:52.2 Y:0.0 K:11.4
YCbCr	Y:108.8 Cb:186.5 Cr:99.9
XYZ	X:21.1 Y:17.3 Z:74.2
xyY	x:0.188 y:0.153 Y:17.3

CIE Lab	L:48.6 a:24.5 b*:-64.6
CIE LCh	L:48.6 C:69.1 h:290.8
CIE Luv	L:48.6 u:-18.8 v*:-100.5
Hunter Lab	L:41.6 a:18.1 b:-76.7

#3F6CE2 の色相別色一覧

#E2643F

#E28C3F

#E2B53F

#E2DE3F

#BEE23F

#95E23F

#6CE23F

#43E23F

#3FE264

#3FE28C

#3FE2B5

#3FE2DE

#3FBEE2

#3F95E2

#3F6CE2

#3F43E2

#643FE2

#8C3FE2

#B53FE2

#DE3FE2

#E23FBE

#E23F95

#E23F6C

#E23F43

#3F6CE2 の彩度別色一覧

#DDDFE2

#D2D6E2

#C7CEE2

#BBC6E2

#B0BEE2

#A5B6E2

#99ADE2

#8EA5E2

#839DE2

#7895E2

#6C8DE2

#6185E2

#567CE2

#4A74E2

#3F6CE2

#3464E2

#285CE2

#1D53E2

#124BE2

#0743E2

#3F6CE2 の明度別色一覧

#030409

#060B16

#0A1123

#0D1730

#111D3C

#142349

#182956

#1B2F63

#1F356F

#233B7C

#264189

#2A4796

#2D4EA2

#3154AF

#345ABC

#3860C9

#3B66D5

#3F6CE2

#4372EF

#4678FC

#3F6CE2 を使ったトーンオントーン

#4058BD

#3F6CE2

#424F8F

#1B2969

#23335C

#2453C7

#262E57

#3F6CE2

#2A336E

#1C4A8C

#13206E

#3F6CE2

#285BA1

#22344D

#2C58B3

#3F6CE2 を使ったトーンイントーン

#EC6959

#3F6CE2

#ACCB3F

#3BF99C

#BF30D0

#F14AF9

#3F6CE2

#BADD33

#25CE75

#D5332F

#40D5BB

#CC32D0

#E5784B

#3F6CE2

#81D850

#3F6CE2 を使ったカマイユ

#3977E5

#2D68F9

#4C6FD3

#3F6CE2

#3F5BCE

#3F6CE2

#507AFC

#406AD0

#396DDA

#598DF1

#2C74F4

#588DFC

#2D70FC

#5A7FFC

#3F6CE2

#3F6CE2 を使ったフォカマイユ

#5374DA

#5B96FE

#5382D0

#3F6CE2

#3B7CF9

#5C75F9

#528EC9

#3F6CE2

#5574EC

#3F69C6

#5459C9

#3F6CE2

#4259FE

#235FBC

#5982D5

#3F6CE2 を使ったドミナントカラー

#6D94FC

#5476D1

#3F6CE2

#262C3D

#4777F5

#3459BA

#062063

#1F3F94

#3F6CE2

#173582

#2A3A66

#415896

#6A7CAD

#434854

#3F6CE2

#3F6CE2 を使ったトライアド

#3F6CE2

#E23F6C

#6CE23F

#3F6CE2 を使ったスプリットコンプリメンタリー

#D9E23F

#3F6CE2

#E27F3F

#3F6CE2 を使ったテトラード

#3F6CE2

#E23FBE

#E2B53F

#3FE263

#3F6CE2 を使ったコントラスト

#3F6CE2

#E2B53F

#3F6CE2

#B0BEE2

#3F6CE2

#1C3166

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

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

#3F6CE2

#3F6CE2 の色情報

#3F6CE2 の色相別色一覧

#3F6CE2 の彩度別色一覧

#3F6CE2 の明度別色一覧

#3F6CE2 を使ったトーンオントーン

#3F6CE2 を使ったトーンイントーン

#3F6CE2 を使ったカマイユ

#3F6CE2 を使ったフォカマイユ

#3F6CE2 を使ったドミナントカラー

#3F6CE2 を使ったトライアド

#3F6CE2 を使ったスプリットコンプリメンタリー

#3F6CE2 を使ったテトラード

#3F6CE2 を使ったコントラスト