#5B9CD2｜カラーサイト.com

#5B9CD2 の色情報

#5B9CD2

画像
HEX	#5B9CD2
RGB	R:91 G:156 B:210
RGBの割合	R:35.7% G:61.2% B:82.4%
HSV	H:207.2 S:56.7 V:82.4
HSL	H:207.2 S:56.9 L:59.0
CMY	C:64.3 M:38.8 Y:17.6

CMYK	C:56.7 M:25.7 Y:0.0 K:17.6
YCbCr	Y:138.6 Cb:161.3 Cr:95.6
XYZ	X:27.8 Y:30.7 Z:65.4
xyY	x:0.225 y:0.247 Y:30.7

CIE Lab	L:62.2 a:-5.1 b*:-33.9
CIE LCh	L:62.2 C:34.3 h:261.5
CIE Luv	L:62.2 u:-28.4 v*:-52.5
Hunter Lab	L:55.4 a:-7.2 b:-31.3

#5B9CD2 の色相別色一覧

#D2735B

#D2915B

#D2AF5B

#D2CD5B

#BAD25B

#9CD25B

#7ED25B

#61D25B

#5BD273

#5BD291

#5BD2AF

#5BD2CD

#5BBAD2

#5B9CD2

#5B7ED2

#5B61D2

#735BD2

#915BD2

#AF5BD2

#CD5BD2

#D25BBA

#D25B9C

#D25B7E

#D25B61

#5B9CD2 の彩度別色一覧

#CFD0D2

#C4CCD2

#BAC7D2

#AFC2D2

#A5BDD2

#9AB9D2

#90B4D2

#85AFD2

#7BAAD2

#70A6D2

#66A1D2

#5B9CD2

#5197D2

#4692D2

#3C8ED2

#3189D2

#2784D2

#1C7FD2

#127BD2

#0776D2

#5B9CD2 の明度別色一覧

#030406

#080E13

#0E1720

#13212C

#192A39

#1E3446

#243D53

#29475F

#2F506C

#345A79

#3A6386

#3F6D92

#45769F

#4A80AC

#5089B9

#5593C5

#5B9CD2

#61A5DF

#66AFEC

#6CB8F8

#5B9CD2 を使ったトーンオントーン

#38586B

#598096

#5B9CD2

#2A4154

#69CAF7

#5B9CD2

#436575

#2F7B9C

#314C5C

#95C7F0

#3E5E8F

#284257

#2A436B

#5B9CD2

#8FD6FA

#5B9CD2 を使ったトーンイントーン

#B56DCD

#A8B94C

#76E19C

#5B9CD2

#DF7672

#5AC055

#5B9CD2

#C5B242

#A163C8

#CA546D

#D5E674

#C36DDC

#5B9CD2

#52D77D

#CF4760

#5B9CD2 を使ったカマイユ

#418EC3

#4F8EBB

#50A1DC

#5B9CD2

#74BDEC

#5195E4

#5B9CD2

#69A2DF

#5D9DC8

#6594BE

#4D95DA

#5B9CD2

#6EAADA

#4C8CC5

#6CB0D7

#5B9CD2 を使ったフォカマイユ

#6A82B9

#5B9CD2

#7AC6F3

#50AED7

#4FA4CD

#5EA0BB

#5F7EC8

#5B9CD2

#4B9DBB

#3478B9

#4281DA

#347FAC

#4EA4CA

#4069B1

#5B9CD2

#5B9CD2 を使ったドミナントカラー

#8EA9BF

#04355E

#8B98A3

#32373B

#5B9CD2

#0E2233

#5B9CD2

#DFE9F2

#94C3EB

#414E59

#5B9CD2

#097DDE

#76A5CC

#223240

#6284A1

#5B9CD2 を使ったアイデンティティ

#5B9CD2

#038BFC

#465E73

#435769

#1B67A6

#5B9CD2

#1A65A3

#1E4C73

#5B9CD2

#5B9CD2 を使ったトライアド

#5B9CD2

#D25B9C

#9CD25B

#5B9CD2 を使ったスプリットコンプリメンタリー

#D2B95B

#5B9CD2

#D2695B

#5B9CD2 を使ったテトラード

#5B9CD2

#CD5BD2

#D2915B

#61D25B

#5B9CD2 を使ったコントラスト

#5B9CD2

#D2915B

#5B9CD2

#C4CCD2

#5B9CD2

#2C4C66

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

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

#5B9CD2

#5B9CD2 の色情報

#5B9CD2 の色相別色一覧

#5B9CD2 の彩度別色一覧

#5B9CD2 の明度別色一覧

#5B9CD2 を使ったトーンオントーン

#5B9CD2 を使ったトーンイントーン

#5B9CD2 を使ったカマイユ

#5B9CD2 を使ったフォカマイユ

#5B9CD2 を使ったドミナントカラー

#5B9CD2 を使ったアイデンティティ

#5B9CD2 を使ったトライアド

#5B9CD2 を使ったスプリットコンプリメンタリー

#5B9CD2 を使ったテトラード

#5B9CD2 を使ったコントラスト