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

#3A76E2 の色情報

#3A76E2

画像
HEX	#3A76E2
RGB	R:58 G:118 B:226
RGBの割合	R:22.7% G:46.3% B:88.6%
HSV	H:218.6 S:74.3 V:88.6
HSL	H:218.6 S:74.3 L:55.7
CMY	C:77.3 M:53.7 Y:11.4

CMYK	C:74.3 M:47.8 Y:0.0 K:11.4
YCbCr	Y:112.5 Cb:184.3 Cr:94.0
XYZ	X:21.9 Y:19.3 Z:74.5
xyY	x:0.189 y:0.167 Y:19.3

CIE Lab	L:51.1 a:17.6 b*:-60.6
CIE LCh	L:51.1 C:63.1 h:286.2
CIE Luv	L:51.1 u:-22.6 v*:-95.2
Hunter Lab	L:44.0 a:12.1 b:-69.7

#3A76E2 の色相別色一覧

#E2523A

#E27C3A

#E2A63A

#E2D03A

#CAE23A

#A0E23A

#76E23A

#4CE23A

#3AE252

#3AE27C

#3AE2A6

#3AE2D0

#3ACAE2

#3AA0E2

#3A76E2

#3A4CE2

#523AE2

#7C3AE2

#A63AE2

#D03AE2

#E23ACA

#E23AA0

#E23A76

#E23A4C

#3A76E2 の彩度別色一覧

#D8DCE2

#CDD4E2

#C2CDE2

#B6C6E2

#ABBFE2

#A0B7E2

#94B0E2

#89A9E2

#7EA2E2

#739AE2

#6793E2

#5C8CE2

#5185E2

#457DE2

#3A76E2

#2F6FE2

#2367E2

#1860E2

#0D59E2

#0252E2

#3A76E2 の明度別色一覧

#020509

#060B16

#091223

#0C1930

#0F1F3C

#132649

#162D56

#193363

#1D3A6F

#20417C

#234789

#264E96

#2A55A2

#2D5BAF

#3062BC

#3369C9

#376FD5

#3A76E2

#3D7DEF

#4183FC

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

#3A76E2

#1868B0

#3A50A3

#324C7A

#1D2A45

#2F4E7A

#4B6DC7

#263354

#416494

#3A76E2

#233C57

#2E4D70

#3A76E2

#2D6DB5

#224E8F

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

#3FECDF

#79F430

#D12CD5

#3A76E2

#F98754

#F65338

#3A76E2

#E14FF9

#42DD6C

#B1DA24

#3A76E2

#A4E53F

#48D597

#F550F6

#DA543A

#3A76E2 を使ったカマイユ

#4386DA

#3266CB

#4591F9

#4790F9

#3A76E2

#5583F4

#3F70DD

#427AD8

#3879F6

#2E6FDD

#3A76E2

#4B7FEC

#2D76F1

#3069DF

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

#3A76E2

#538ED8

#6894FF

#495DBC

#2782C6

#36A3F9

#2798EC

#416CD5

#3A76E2

#5566D0

#3A76E2

#606FF1

#2C71F6

#265BCB

#6071EC

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

#B8BCC2

#ABB7CC

#9FA9BD

#6B7587

#3A76E2

#7B889E

#1E4387

#A8ACB3

#5E89D6

#1A273D

#0C3D96

#5988DE

#3A76E2

#A2C2FC

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

#3A76E2

#31415E

#0F3F96

#768AAD

#0F2E66

#3A76E2

#4B6696

#0D3173

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

#3A76E2

#E23A76

#76E23A

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

#E2DE3A

#3A76E2

#E26E3A

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

#3A76E2

#E23ACA

#E2A63A

#3AE252

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

#3A76E2

#E2A63A

#3A76E2

#ABBFE2

#3A76E2

#1A3566

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

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

#3A76E2

#3A76E2 の色情報

#3A76E2 の色相別色一覧

#3A76E2 の彩度別色一覧

#3A76E2 の明度別色一覧

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

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

#3A76E2 を使ったカマイユ

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

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

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

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

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

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

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