#3585E2｜カラーサイト.com

#3585E2 の色情報

#3585E2

画像
HEX	#3585E2
RGB	R:53 G:133 B:226
RGBの割合	R:20.8% G:52.2% B:88.6%
HSV	H:212.3 S:76.5 V:88.6
HSL	H:212.3 S:74.9 L:54.7
CMY	C:79.2 M:47.8 Y:11.4

CMYK	C:76.5 M:41.2 Y:0.0 K:11.4
YCbCr	Y:118.8 Cb:180.7 Cr:86.3
XYZ	X:23.6 Y:23.0 Z:75.2
xyY	x:0.194 y:0.189 Y:23.0

CIE Lab	L:55.1 a:7.7 b*:-54.2
CIE LCh	L:55.1 C:54.7 h:278.1
CIE Luv	L:55.1 u:-28.1 v*:-85.7
Hunter Lab	L:48.0 a:3.8 b:-59.3

#3585E2 の色相別色一覧

#E23C35

#E26735

#E29235

#E2BD35

#DCE235

#B0E235

#85E235

#5AE235

#35E23C

#35E267

#35E292

#35E2BD

#35DCE2

#35B0E2

#3585E2

#355AE2

#3C35E2

#6735E2

#9235E2

#BD35E2

#E235DC

#E235B0

#E23585

#E2355A

#3585E2 の彩度別色一覧

#DFE0E2

#D3DAE2

#C8D4E2

#BDCEE2

#B1C8E2

#A6C2E2

#9BBCE2

#8FB6E2

#84B0E2

#79A9E2

#6EA3E2

#629DE2

#5797E2

#4C91E2

#408BE2

#3585E2

#2A7FE2

#1E79E2

#1373E2

#086DE2

#3585E2 の明度別色一覧

#020509

#050D16

#081423

#0B1C30

#0E233C

#112B49

#143256

#173A63

#1A416F

#1D497C

#205089

#235896

#265FA2

#2967AF

#2C6EBC

#2F76C9

#327DD5

#3585E2

#388DEF

#3B94FC

#3585E2 を使ったトーンオントーン

#0A2047

#0F5680

#3F6594

#356CC7

#3585E2

#0F315C

#245CA1

#3585E2

#477AB5

#244C75

#4E90C7

#3585E2

#093291

#2A4F73

#20384A

#3585E2 を使ったトーンイントーン

#C9B23D

#2BEA2F

#3585E2

#952AE5

#C93353

#A81ECE

#E73A26

#52FCC9

#9BCB3E

#3585E2

#DA5D49

#A4DF25

#C528F4

#44F69E

#3585E2

#3585E2 を使ったカマイユ

#438FF4

#3C75D3

#3881CB

#357EC9

#3585E2

#2B8DEA

#3585E2

#4FA6F4

#4A96F4

#2B9CF9

#2878DA

#3878DA

#4C9FEA

#3585E2

#238DE5

#3585E2 を使ったフォカマイユ

#4886C1

#1685FF

#3A87DA

#4DA9FC

#3585E2

#388BD5

#50A1D0

#3585E2

#51A0D3

#30A1F9

#2247D0

#3585E2

#125AD0

#6087FF

#1A64C1

#3585E2 を使ったドミナントカラー

#1A60B0

#3585E2

#498AD6

#03418A

#2565B0

#3585E2

#4570A3

#5A89BF

#192D45

#4D6A8C

#0051B0

#676A6E

#637891

#CEDBEB

#3585E2

#3585E2 を使ったアイデンティティ

#6A86A6

#3585E2

#223D5C

#5C85B5

#3585E2

#314E70

#3585E2

#105BB3

#486587

#3585E2 を使ったトライアド

#3585E2

#E23585

#85E235

#3585E2 を使ったスプリットコンプリメンタリー

#E2CC35

#3585E2

#E25835

#3585E2 を使ったテトラード

#3585E2

#E235DC

#E29235

#35E23B

#3585E2 を使ったコントラスト

#3585E2

#E29235

#3585E2

#A6C2E2

#3585E2

#183C66

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

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

#3585E2

#3585E2 の色情報

#3585E2 の色相別色一覧

#3585E2 の彩度別色一覧

#3585E2 の明度別色一覧

#3585E2 を使ったトーンオントーン

#3585E2 を使ったトーンイントーン

#3585E2 を使ったカマイユ

#3585E2 を使ったフォカマイユ

#3585E2 を使ったドミナントカラー

#3585E2 を使ったアイデンティティ

#3585E2 を使ったトライアド

#3585E2 を使ったスプリットコンプリメンタリー

#3585E2 を使ったテトラード

#3585E2 を使ったコントラスト