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

#3A96E2 の色情報

#3A96E2

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

CMYK	C:74.3 M:33.6 Y:0.0 K:11.4
YCbCr	Y:128.7 Cb:175.0 Cr:82.2
XYZ	X:26.4 Y:28.2 Z:76.0
xyY	x:0.202 y:0.216 Y:28.2

CIE Lab	L:60.1 a:-1.8 b*:-46.3
CIE LCh	L:60.1 C:46.3 h:267.8
CIE Luv	L:60.1 u:-32.9 v*:-73.1
Hunter Lab	L:53.1 a:-4.3 b:-47.7

#3A96E2 の色相別色一覧

#E25C3A

#E2863A

#E2B03A

#E2DA3A

#C0E23A

#96E23A

#6CE23A

#42E23A

#3AE25C

#3AE286

#3AE2B0

#3AE2DA

#3AC0E2

#3A96E2

#3A6CE2

#3A42E2

#5C3AE2

#863AE2

#B03AE2

#DA3AE2

#E23AC0

#E23A96

#E23A6C

#E23A42

#3A96E2 の彩度別色一覧

#D8DEE2

#CDD8E2

#C2D3E2

#B6CEE2

#ABC9E2

#A0C4E2

#94BFE2

#89BAE2

#7EB5E2

#73B0E2

#67AAE2

#5CA5E2

#51A0E2

#459BE2

#3A96E2

#2F91E2

#238CE2

#1887E2

#0D82E2

#027CE2

#3A96E2 の明度別色一覧

#020609

#060F16

#091723

#0C2030

#0F283C

#133049

#163956

#194163

#1D4A6F

#20527C

#235B89

#266396

#2A6CA2

#2D74AF

#307DBC

#3385C9

#378ED5

#3A96E2

#3D9EEF

#41A7FC

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

#3A96E2

#1653A3

#104270

#1E3047

#2B65BD

#153659

#3D84C7

#3F7394

#1B5173

#3A96E2

#1069BD

#192B45

#23486B

#377491

#3A96E2

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

#A54AF9

#DFF42B

#51F17C

#3A96E2

#DD3B60

#3A96E2

#A843D3

#CB4468

#3ED83A

#D5C032

#F1E948

#9C50EC

#3A96E2

#44D871

#F6587A

#3A96E2 を使ったカマイユ

#3A96E2

#3F91DA

#4B98EC

#26A3F1

#3098D5

#3A96E2

#4DAAE5

#2497E5

#3094D3

#4A8FDA

#3E96FC

#3A96E2

#4C90DA

#3088D5

#3988CE

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

#54AFEC

#2E92EA

#3C86CB

#3591F4

#3A96E2

#2E87CB

#1C79C1

#3772EA

#3A96E2

#28A8FF

#3DAFD5

#5BA4FF

#3CC1FF

#3A96E2

#248BDA

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

#3A96E2

#5E6870

#0E3E66

#7D8B96

#3375AB

#768999

#3A96E2

#0D61A6

#B3D0E8

#465561

#4B6880

#3A96E2

#485966

#869DB0

#ABD9FF

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

#3A96E2

#3D6F99

#49647A

#3A96E2

#366287

#7491A8

#3A96E2

#5687B0

#033B69

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

#3A96E2

#E23A96

#96E23A

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

#E2BE3A

#3A96E2

#E24E3A

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

#3A96E2

#DA3AE2

#E2863A

#42E23A

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

#3A96E2

#E2863A

#3A96E2

#ABC9E2

#3A96E2

#1A4466

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

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

#3A96E2

#3A96E2 の色情報

#3A96E2 の色相別色一覧

#3A96E2 の彩度別色一覧

#3A96E2 の明度別色一覧

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

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

#3A96E2 を使ったカマイユ

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

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

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

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

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

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

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