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

#3A9AE2 の色情報

#3A9AE2

画像
HEX	#3A9AE2
RGB	R:58 G:154 B:226
RGBの割合	R:22.7% G:60.4% B:88.6%
HSV	H:205.7 S:74.3 V:88.6
HSL	H:205.7 S:74.3 L:55.7
CMY	C:77.3 M:39.6 Y:11.4

CMYK	C:74.3 M:31.9 Y:0.0 K:11.4
YCbCr	Y:130.7 Cb:173.8 Cr:80.7
XYZ	X:27.0 Y:29.5 Z:76.2
xyY	x:0.204 y:0.222 Y:29.5

CIE Lab	L:61.2 a:-4.1 b*:-44.5
CIE LCh	L:61.2 C:44.6 h:264.8
CIE Luv	L:61.2 u:-34.3 v*:-70.1
Hunter Lab	L:54.3 a:-6.2 b:-45.2

#3A9AE2 の色相別色一覧

#E2583A

#E2823A

#E2AC3A

#E2D63A

#C4E23A

#9AE23A

#70E23A

#46E23A

#3AE258

#3AE282

#3AE2AC

#3AE2D6

#3AC4E2

#3A9AE2

#3A70E2

#3A46E2

#583AE2

#823AE2

#AC3AE2

#D63AE2

#E23AC4

#E23A9A

#E23A70

#E23A46

#3A9AE2 の彩度別色一覧

#D8DEE2

#CDD9E2

#C2D4E2

#B6CFE2

#ABCAE2

#A0C6E2

#94C1E2

#89BCE2

#7EB7E2

#73B2E2

#67ADE2

#5CA9E2

#51A4E2

#459FE2

#3A9AE2

#2F95E2

#2390E2

#188BE2

#0D87E2

#0282E2

#3A9AE2 の明度別色一覧

#020609

#060F16

#091823

#0C2030

#0F293C

#133249

#163A56

#194363

#1D4C6F

#20547C

#235D89

#266696

#2A6FA2

#2D77AF

#3080BC

#3389C9

#3791D5

#3A9AE2

#3DA3EF

#41ABFC

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

#2B689C

#3A9AE2

#18385C

#2F5D70

#2084B5

#1D4759

#4190BA

#3A9AE2

#0A5678

#3974A3

#44759C

#10526E

#1D87B0

#3A9AE2

#1D3E54

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

#3A9AE2

#B435D8

#D83622

#4FEA7F

#D7F42B

#43F498

#B236E5

#F95C4F

#B8D03C

#3A9AE2

#ECA733

#8A3DE5

#D52A7B

#4AD32E

#3A9AE2 を使ったカマイユ

#3A9AE2

#38A0E5

#3B99EF

#299ADA

#2B81D0

#43A0FC

#2677CB

#3A9AE2

#3499FC

#4CBDF9

#55A5F4

#2E8BEC

#3A9AE2

#58C0F6

#2E93EA

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

#2091FF

#1F66D0

#3A9DFF

#3A9AE2

#16A1CE

#3A9AE2

#6098FF

#488DD0

#349DF1

#1EB5FF

#3E7DC3

#4298D0

#37DBFF

#439FF4

#3A9AE2

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

#415E73

#8D979E

#1D5885

#50585E

#3A9AE2

#123E5E

#3A9AE2

#527E9E

#60829C

#003C69

#68B1E8

#59ACEB

#7AA2BF

#4F5961

#3A9AE2

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

#3A9AE2

#E23A9A

#9AE23A

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

#E2BA3A

#3A9AE2

#E24A3A

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

#3A9AE2

#D63AE2

#E2823A

#46E23A

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

#3A9AE2

#E2823A

#3A9AE2

#ABCAE2

#3A9AE2

#1A4666

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

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

#3A9AE2

#3A9AE2 の色情報

#3A9AE2 の色相別色一覧

#3A9AE2 の彩度別色一覧

#3A9AE2 の明度別色一覧

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

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

#3A9AE2 を使ったカマイユ

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

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

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

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

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

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