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

#3A84E2 の色情報

#3A84E2

画像
HEX	#3A84E2
RGB	R:58 G:132 B:226
RGBの割合	R:22.7% G:51.8% B:88.6%
HSV	H:213.6 S:74.3 V:88.6
HSL	H:213.6 S:74.3 L:55.7
CMY	C:77.3 M:48.2 Y:11.4

CMYK	C:74.3 M:41.6 Y:0.0 K:11.4
YCbCr	Y:119.6 Cb:180.2 Cr:88.8
XYZ	X:23.7 Y:22.9 Z:75.1
xyY	x:0.195 y:0.188 Y:22.9

CIE Lab	L:55.0 a:8.9 b*:-54.4
CIE LCh	L:55.0 C:55.1 h:279.3
CIE Luv	L:55.0 u:-27.0 v*:-86.1
Hunter Lab	L:47.8 a:4.8 b:-59.6

#3A84E2 の色相別色一覧

#E2443A

#E26E3A

#E2983A

#E2C23A

#D8E23A

#AEE23A

#84E23A

#5AE23A

#3AE244

#3AE26E

#3AE298

#3AE2C2

#3AD8E2

#3AAEE2

#3A84E2

#3A5AE2

#443AE2

#6E3AE2

#983AE2

#C23AE2

#E23AD8

#E23AAE

#E23A84

#E23A5A

#3A84E2 の彩度別色一覧

#D8DDE2

#CDD6E2

#C2D0E2

#B6CAE2

#ABC3E2

#A0BDE2

#94B7E2

#89B0E2

#7EAAE2

#73A4E2

#679DE2

#5C97E2

#5191E2

#458AE2

#3A84E2

#2F7EE2

#2377E2

#1871E2

#0D6BE2

#0264E2

#3A84E2 の明度別色一覧

#020509

#060D16

#091423

#0C1C30

#0F233C

#132B49

#163256

#193A63

#1D416F

#20487C

#235089

#265796

#2A5FA2

#2D66AF

#306EBC

#3375C9

#377DD5

#3A84E2

#3D8BEF

#4193FC

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

#083175

#5987C7

#1E518F

#3A84E2

#182D4A

#134794

#1C3247

#2D5678

#3A84E2

#4269B5

#0C348F

#244159

#156EB0

#274778

#3A84E2

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

#3A84E2

#DA2B3E

#B344EC

#47F680

#ADCE3F

#CD4ADD

#3A84E2

#BCF14F

#F65B4C

#28D58F

#FC2C76

#2EDD55

#3A84E2

#D8CA3C

#9F3FDD

#3A84E2 を使ったカマイユ

#3F8CD3

#3D78C9

#3A84E2

#5097F6

#409BEF

#4D91DD

#3A84E2

#2781EC

#376EC9

#2984DD

#4F93E5

#4297E5

#3B99EF

#3F8BE5

#3A84E2

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

#3A84E2

#1E95DD

#1B42D5

#52B7F4

#23A1FF

#1C56BE

#5886FF

#6390FF

#3A84E2

#3B57C1

#1C40BE

#3A84E2

#226CE7

#1C76CE

#2F6BC9

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

#606E80

#68A7F7

#264975

#0A3366

#3A84E2

#212A36

#697380

#5188CF

#132A47

#232C38

#3A84E2

#062347

#174C8F

#416696

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

#4678B8

#3A84E2

#466791

#3A84E2

#273F5E

#7C9BC2

#3A84E2

#1658AB

#466791

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

#3A84E2

#E23A84

#84E23A

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

#E2D03A

#3A84E2

#E2603A

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

#3A84E2

#E23AD8

#E2983A

#3AE244

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

#3A84E2

#E2983A

#3A84E2

#ABC3E2

#3A84E2

#1A3C66

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

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

#3A84E2

#3A84E2 の色情報

#3A84E2 の色相別色一覧

#3A84E2 の彩度別色一覧

#3A84E2 の明度別色一覧

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

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

#3A84E2 を使ったカマイユ

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

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

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

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

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

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

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