#506CE2｜カラーサイト.com

#506CE2 の色情報

#506CE2

画像
HEX	#506CE2
RGB	R:80 G:108 B:226
RGBの割合	R:31.4% G:42.4% B:88.6%
HSV	H:228.5 S:64.6 V:88.6
HSL	H:228.5 S:71.6 L:60.0
CMY	C:68.6 M:57.6 Y:11.4

CMYK	C:64.6 M:52.2 Y:0.0 K:11.4
YCbCr	Y:113.1 Cb:183.9 Cr:107.3
XYZ	X:22.4 Y:17.9 Z:74.2
xyY	x:0.196 y:0.156 Y:17.9

CIE Lab	L:49.4 a:26.9 b*:-63.3
CIE LCh	L:49.4 C:68.8 h:293.1
CIE Luv	L:49.4 u:-15.2 v*:-99.2
Hunter Lab	L:42.3 a:20.4 b:-74.3

#506CE2 の色相別色一覧

#E25950

#E27D50

#E2A250

#E2C650

#DAE250

#B5E250

#91E250

#6CE250

#50E259

#50E27D

#50E2A2

#50E2C6

#50DAE2

#50B5E2

#5091E2

#506CE2

#5950E2

#7D50E2

#A250E2

#C650E2

#E250DA

#E250B5

#E25091

#E2506C

#506CE2 の彩度別色一覧

#D8DAE2

#CCD0E2

#C1C7E2

#B6BEE2

#AAB5E2

#9FACE2

#94A3E2

#899AE2

#7D91E2

#7287E2

#677EE2

#5B75E2

#506CE2

#4563E2

#395AE2

#2E51E2

#2347E2

#183EE2

#0C35E2

#012CE2

#506CE2 の明度別色一覧

#030409

#080B16

#0C1123

#111730

#151D3C

#1A2349

#1E2956

#232F63

#27356F

#2C3B7C

#304189

#354796

#394EA2

#3E54AF

#425ABC

#4760C9

#4B66D5

#506CE2

#5572EF

#5978FC

#506CE2 を使ったトーンオントーン

#506CE2

#161759

#3D45BD

#3E4C9E

#2E4980

#506CE2

#182B59

#3F537D

#3F61C2

#1F469E

#5E75B3

#506CE2

#3F5D91

#0E144F

#143370

#506CE2 を使ったトーンイントーン

#E5584A

#D542E7

#506CE2

#57D8A1

#A5DF5A

#506CE2

#69EF50

#F9B26A

#41CDE5

#CB36B1

#5AD58D

#F363FC

#F15E5D

#E9F65F

#506CE2

#506CE2 を使ったカマイユ

#6172EA

#5868D5

#5A6DDA

#5A67D0

#506CE2

#3B62C9

#3D5AC9

#4E69F9

#5461CB

#506CE2

#5B6DD8

#586DEC

#425ACB

#4767D5

#506CE2 を使ったフォカマイユ

#387EF1

#326BF6

#4076F1

#5E5DD5

#506CE2

#3966FF

#7BA1FE

#6FAEFF

#506CE2

#5A75DA

#506CE2

#2E46D8

#3652E7

#7C9CF6

#3C51FF

#506CE2 を使ったドミナントカラー

#595C69

#253061

#1437C9

#506CE2

#636E99

#5866A1

#0B35E3

#373F63

#506CE2

#2248E6

#91939C

#606EA8

#273263

#506CE2

#34353B

#506CE2 を使ったトライアド

#506CE2

#E2506C

#6CE250

#506CE2 を使ったスプリットコンプリメンタリー

#CDE250

#506CE2

#E29550

#506CE2 を使ったテトラード

#506CE2

#E250B5

#E2C650

#50E27D

#506CE2 を使ったコントラスト

#506CE2

#E2C650

#506CE2

#C1C7E2

#506CE2

#243166

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

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

#506CE2

#506CE2 の色情報

#506CE2 の色相別色一覧

#506CE2 の彩度別色一覧

#506CE2 の明度別色一覧

#506CE2 を使ったトーンオントーン

#506CE2 を使ったトーンイントーン

#506CE2 を使ったカマイユ

#506CE2 を使ったフォカマイユ

#506CE2 を使ったドミナントカラー

#506CE2 を使ったトライアド

#506CE2 を使ったスプリットコンプリメンタリー

#506CE2 を使ったテトラード

#506CE2 を使ったコントラスト