#557EB5｜カラーサイト.com

#557EB5 の色情報

#557EB5

画像
HEX	#557EB5
RGB	R:85 G:126 B:181
RGBの割合	R:33.3% G:49.4% B:71.0%
HSV	H:214.4 S:53.0 V:71.0
HSL	H:214.4 S:39.3 L:52.2
CMY	C:66.7 M:50.6 Y:29.0

CMYK	C:53.0 M:30.4 Y:0.0 K:29.0
YCbCr	Y:119.1 Cb:158.2 Cr:106.1
XYZ	X:19.5 Y:20.2 Z:46.6
xyY	x:0.226 y:0.234 Y:20.2

CIE Lab	L:52.0 a:1.8 b*:-33.4
CIE LCh	L:52.0 C:33.4 h:273.1
CIE Luv	L:52.0 u:-19.5 v*:-50.8
Hunter Lab	L:44.9 a:-1.0 b:-30.0

#557EB5 の色相別色一覧

#B55C55

#B57455

#B58C55

#B5A455

#AEB555

#96B555

#7EB555

#66B555

#55B55C

#55B574

#55B58C

#55B5A4

#55AEB5

#5596B5

#557EB5

#5566B5

#5C55B5

#7455B5

#8C55B5

#A455B5

#B555AE

#B55596

#B5557E

#B55566

#557EB5 の彩度別色一覧

#B0B2B5

#A6ADB5

#9DA7B5

#94A2B5

#8B9DB5

#8298B5

#7993B5

#708EB5

#6788B5

#5E83B5

#557EB5

#4C79B5

#4374B5

#3A6EB5

#3169B5

#2864B5

#1F5FB5

#165AB5

#0D55B5

#044FB5

#557EB5 の明度別色一覧

#010203

#070B0F

#0D131C

#131C29

#192536

#1F2E42

#25374F

#2B405C

#314969

#375275

#3D5A82

#43638F

#496C9C

#4F75A8

#557EB5

#5B87C2

#6190CF

#6799DB

#6DA2E8

#73AAF5

#557EB5 を使ったトーンオントーン

#4F86F0

#557EB5

#192A4F

#456E8C

#3B4C75

#4D87F0

#557EB5

#303A52

#2A6196

#505E80

#205070

#4A83CF

#5AB9FA

#557EB5

#162D47

#557EB5 を使ったトーンイントーン

#3FA64C

#557EB5

#A8AB3F

#A76EC4

#A14A4E

#B0464D

#AFBF58

#AA53CF

#5BBA88

#557EB5

#B249BF

#50C97E

#A2C253

#B0564D

#557EB5 を使ったカマイユ

#557EB5

#4F82C2

#5571A3

#446AAD

#74A2CF

#4D77AB

#557EB5

#4E84BF

#457FBA

#446B9C

#557EB5

#497CB8

#6489B2

#4273A8

#5B79A3

#557EB5 を使ったフォカマイユ

#557EB5

#3750A1

#7B8FD1

#4D7791

#3F628F

#317699

#6A8BAB

#507D96

#566399

#557EB5

#457DD9

#82A7D1

#4D60B0

#519FD1

#557EB5

#557EB5 を使ったドミナントカラー

#38404A

#484D54

#557EB5

#C7D6EB

#627DA1

#578CD4

#669EE8

#7F94B0

#557EB5

#3680E3

#5D92D9

#557EB5

#1D5AAB

#549AF7

#557EB5 を使ったトライアド

#557EB5

#B5557E

#7EB555

#557EB5 を使ったスプリットコンプリメンタリー

#B5AC55

#557EB5

#B56C55

#557EB5 を使ったテトラード

#557EB5

#B555AE

#B58C55

#55B55C

#557EB5 を使ったコントラスト

#557EB5

#B58C55

#557EB5

#B0B2B5

#557EB5

#304766

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

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

#557EB5

#557EB5 の色情報

#557EB5 の色相別色一覧

#557EB5 の彩度別色一覧

#557EB5 の明度別色一覧

#557EB5 を使ったトーンオントーン

#557EB5 を使ったトーンイントーン

#557EB5 を使ったカマイユ

#557EB5 を使ったフォカマイユ

#557EB5 を使ったドミナントカラー

#557EB5 を使ったトライアド

#557EB5 を使ったスプリットコンプリメンタリー

#557EB5 を使ったテトラード

#557EB5 を使ったコントラスト