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

#3A69E2 の色情報

#3A69E2

画像
HEX	#3A69E2
RGB	R:58 G:105 B:226
RGBの割合	R:22.7% G:41.2% B:88.6%
HSV	H:223.2 S:74.3 V:88.6
HSL	H:223.2 S:74.3 L:55.7
CMY	C:77.3 M:58.8 Y:11.4

CMYK	C:74.3 M:53.5 Y:0.0 K:11.4
YCbCr	Y:106.0 Cb:188.1 Cr:98.8
XYZ	X:20.5 Y:16.5 Z:74.1
xyY	x:0.185 y:0.148 Y:16.5

CIE Lab	L:47.6 a:25.8 b*:-66.2
CIE LCh	L:47.6 C:71.0 h:291.3
CIE Luv	L:47.6 u:-18.8 v*:-102.4
Hunter Lab	L:40.6 a:19.1 b:-79.7

#3A69E2 の色相別色一覧

#E25F3A

#E2893A

#E2B33A

#E2DD3A

#BDE23A

#93E23A

#69E23A

#3FE23A

#3AE25F

#3AE289

#3AE2B3

#3AE2DD

#3ABDE2

#3A93E2

#3A69E2

#3A3FE2

#5F3AE2

#893AE2

#B33AE2

#DD3AE2

#E23ABD

#E23A93

#E23A69

#E23A3F

#3A69E2 の彩度別色一覧

#D8DBE2

#CDD3E2

#C2CBE2

#B6C3E2

#ABBAE2

#A0B2E2

#94AAE2

#89A2E2

#7E9AE2

#7392E2

#678AE2

#5C81E2

#5179E2

#4571E2

#3A69E2

#2F61E2

#2359E2

#1851E2

#0D48E2

#0240E2

#3A69E2 の明度別色一覧

#020409

#060A16

#091023

#0C1630

#0F1C3C

#132249

#162856

#192E63

#1D346F

#203A7C

#234089

#264596

#2A4BA2

#2D51AF

#3057BC

#335DC9

#3763D5

#3A69E2

#3D6FEF

#4175FC

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

#1C2D73

#0F204D

#285A9C

#3A69E2

#0C2FB3

#3A69E2

#082E69

#1A2959

#3D64A3

#446DBF

#3F4B91

#264A75

#16284A

#1024BD

#3A69E2

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

#D654EC

#F43837

#A6DA36

#3A69E2

#36DD71

#FC5AF3

#D54F30

#2BD091

#3A69E2

#9AE546

#3A69E2

#EC3CF1

#55EF9D

#EC6B33

#9AD33A

#3A69E2 を使ったカマイユ

#4885F1

#3A69E2

#436BC9

#4D71DF

#2E5FF6

#264FD8

#3A69E2

#2C63CB

#3670DD

#2856F1

#2448DA

#3A69E2

#476EDA

#5485F9

#4370DA

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

#3A69E2

#3039FF

#4149BC

#4584CE

#4BAAFE

#264BD5

#586EFF

#3A69E2

#204BEA

#2565DD

#175FD5

#3344EA

#3A69E2

#3D5BC1

#3751FF

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

#B4B7BF

#041A52

#A5B7E6

#3A69E2

#1F2B4D

#3A69E2

#091533

#5D6C91

#8CA7ED

#B3C2E8

#0A38AD

#4E74D4

#3A69E2

#225CF2

#B0BAD4

#3A69E2 を使ったアイデンティティ

#3A69E2

#7789B5

#042885

#384463

#06319E

#3A69E2

#485169

#4262B3

#3A69E2

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

#3A69E2

#E23A69

#69E23A

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

#D9E23A

#3A69E2

#E27B3A

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

#3A69E2

#E23ABD

#E2B33A

#3AE25F

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

#3A69E2

#E2B33A

#3A69E2

#ABBAE2

#3A69E2

#1A2F66

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

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

#3A69E2

#3A69E2 の色情報

#3A69E2 の色相別色一覧

#3A69E2 の彩度別色一覧

#3A69E2 の明度別色一覧

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

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

#3A69E2 を使ったカマイユ

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

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

#3A69E2 を使ったアイデンティティ

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

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

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

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