#509BF9｜カラーサイト.com

#509BF9 の色情報

#509BF9

画像
HEX	#509BF9
RGB	R:80 G:155 B:249
RGBの割合	R:31.4% G:60.8% B:97.6%
HSV	H:213.4 S:67.9 V:97.6
HSL	H:213.4 S:93.4 L:64.5
CMY	C:68.6 M:39.2 Y:2.4

CMYK	C:67.9 M:37.8 Y:0.0 K:2.4
YCbCr	Y:139.1 Cb:180.4 Cr:88.4
XYZ	X:32.1 Y:32.0 Z:94.1
xyY	x:0.203 y:0.202 Y:32.0

CIE Lab	L:63.3 a:6.3 b*:-53.7
CIE LCh	L:63.3 C:54.1 h:276.7
CIE Luv	L:63.3 u:-29.8 v*:-87.2
Hunter Lab	L:56.6 a:2.4 b:-59.1

#509BF9 の色相別色一覧

#F95A50

#F98450

#F9AE50

#F9D850

#F0F950

#C5F950

#9BF950

#71F950

#50F95A

#50F984

#50F9AE

#50F9D8

#50F0F9

#50C5F9

#509BF9

#5071F9

#5A50F9

#8450F9

#AE50F9

#D850F9

#F950F0

#F950C5

#F9509B

#F95071

#509BF9 の彩度別色一覧

#F2F5F9

#E5EEF9

#D9E7F9

#CDE0F9

#C0D9F9

#B4D2F9

#A7CBF9

#9BC5F9

#8EBEF9

#82B7F9

#75B0F9

#69A9F9

#5CA2F9

#509BF9

#4494F9

#378DF9

#2B86F9

#1E7FF9

#1278F9

#0571F9

#509BF9 の明度別色一覧

#020407

#060C14

#0A1420

#0E1C2D

#13243A

#172C47

#1B3453

#1F3C60

#23446D

#274C7A

#2B5486

#2F5C93

#3363A0

#376BAD

#3C73B9

#407BC6

#4483D3

#488BE0

#4C93EC

#509BF9

#509BF9 を使ったトーンオントーン

#4179A6

#14486E

#273C5C

#509BF9

#648BBF

#2F416B

#0E364F

#509BF9

#3180C2

#2A6DA8

#5299C7

#509BF9

#103B82

#3B61A3

#0F3A59

#509BF9 を使ったトーンイントーン

#C932E2

#C9EA4D

#509BF9

#FF4B40

#4CE58A

#E03531

#509BF9

#69FFB0

#ED42FC

#B9F43D

#FF7D61

#C8EA52

#509BF9

#56E7A4

#E43FF1

#509BF9 を使ったカマイユ

#509BF9

#4DA7FE

#65B4FC

#6BAFFF

#609DEF

#509BF9

#6BA6FF

#5FA5EC

#3D87EA

#69A4FF

#509BF9

#5E98E5

#4097FE

#3E97EC

#5097EA

#509BF9 を使ったフォカマイユ

#3165E0

#6581E0

#45B4FF

#71C0FF

#509BF9

#297EE2

#509BF9

#399CD3

#5F8BFF

#376FE2

#6997FF

#4E7DD8

#61BFFF

#509BF9

#336CFF

#509BF9 を使ったドミナントカラー

#A3ACB8

#606B78

#509BF9

#98B3D4

#365070

#17283D

#509BF9

#7E90A6

#333B45

#616C7A

#687482

#2E65AB

#245591

#509BF9

#1D477D

#509BF9 を使ったトライアド

#509BF9

#F9509B

#9BF950

#509BF9 を使ったスプリットコンプリメンタリー

#F9E650

#509BF9

#F97650

#509BF9 を使ったテトラード

#509BF9

#F950F0

#F9AE50

#50F95A

#509BF9 を使ったコントラスト

#509BF9

#F9AE50

#509BF9

#CDE0F9

#509BF9

#213F66

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

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

#509BF9

#509BF9 の色情報

#509BF9 の色相別色一覧

#509BF9 の彩度別色一覧

#509BF9 の明度別色一覧

#509BF9 を使ったトーンオントーン

#509BF9 を使ったトーンイントーン

#509BF9 を使ったカマイユ

#509BF9 を使ったフォカマイユ

#509BF9 を使ったドミナントカラー

#509BF9 を使ったトライアド

#509BF9 を使ったスプリットコンプリメンタリー

#509BF9 を使ったテトラード

#509BF9 を使ったコントラスト