#536BD2｜カラーサイト.com

#536BD2 の色情報

#536BD2

画像
HEX	#536BD2
RGB	R:83 G:107 B:210
RGBの割合	R:32.5% G:42.0% B:82.4%
HSV	H:228.7 S:60.5 V:82.4
HSL	H:228.7 S:58.5 L:57.5
CMY	C:67.5 M:58.0 Y:17.6

CMYK	C:60.5 M:49.0 Y:0.0 K:17.6
YCbCr	Y:111.8 Cb:176.8 Cr:110.2
XYZ	X:20.5 Y:17.0 Z:63.2
xyY	x:0.203 y:0.169 Y:17.0

CIE Lab	L:48.3 a:22.6 b*:-56.0
CIE LCh	L:48.3 C:60.4 h:292.0
CIE Luv	L:48.3 u:-13.8 v*:-87.4
Hunter Lab	L:41.2 a:16.4 b:-62.0

#536BD2 の色相別色一覧

#D25B53

#D27B53

#D29A53

#D2BA53

#CAD253

#ABD253

#8BD253

#6BD253

#53D25B

#53D27B

#53D29A

#53D2BA

#53CAD2

#53ABD2

#538BD2

#536BD2

#5B53D2

#7B53D2

#9A53D2

#BA53D2

#D253CA

#D253AB

#D2538B

#D2536B

#536BD2 の彩度別色一覧

#D1D1D2

#C7C9D2

#BCC0D2

#B2B8D2

#A7AFD2

#9DA7D2

#929ED2

#8896D2

#7D8DD2

#7385D2

#687CD2

#5E74D2

#536BD2

#4962D2

#3E5AD2

#3451D2

#2949D2

#1F40D2

#1438D2

#0A2FD2

#536BD2 の明度別色一覧

#020306

#070A13

#0C1020

#11172C

#171D39

#1C2446

#212A53

#26315F

#2B376C

#303E79

#354486

#3A4B92

#3F519F

#4458AC

#495EB9

#4E65C5

#536BD2

#5871DF

#5D78EC

#627EF8

#536BD2 を使ったトーンオントーン

#232A45

#40588C

#4A4C7D

#536BD2

#2431B0

#4A51A3

#3F4A70

#213154

#536BD2

#4974F0

#536BD2

#4866A1

#131E57

#313F6E

#748BFA

#536BD2 を使ったトーンイントーン

#53DC90

#A4CD49

#B83AB9

#536BD2

#D77366

#BE41A8

#BB6042

#536BD2

#C3E670

#56DF8A

#536BD2

#E48771

#B541C3

#51ECC4

#77C33B

#536BD2 を使ったカマイユ

#7587EC

#4E64E9

#5B72DC

#536BD2

#6779CF

#536BD2

#4354B9

#4E6FE1

#415FBE

#4160CD

#536BD2

#3A5CBE

#5367E4

#5C6DBE

#4F7AEC

#536BD2 を使ったフォカマイユ

#605CF6

#536BD2

#3C6ACA

#365EB1

#4262B9

#5164F1

#3E47B9

#4E7AF8

#536BD2

#575FB3

#606BBB

#5C81B3

#536BD2

#7671DC

#82AEF8

#536BD2 を使ったドミナントカラー

#0A133B

#536BD2

#425299

#0A1957

#9D9FA6

#233582

#536BD2

#182454

#434C75

#546ACC

#041042

#0F1942

#536BD2

#464959

#8392D4

#536BD2 を使ったトライアド

#536BD2

#D2536B

#6BD253

#536BD2 を使ったスプリットコンプリメンタリー

#C0D253

#536BD2

#D29053

#536BD2 を使ったテトラード

#536BD2

#D253AB

#D2BA53

#53D27B

#536BD2 を使ったコントラスト

#536BD2

#D2BA53

#536BD2

#BCC0D2

#536BD2

#283466

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

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

#536BD2

#536BD2 の色情報

#536BD2 の色相別色一覧

#536BD2 の彩度別色一覧

#536BD2 の明度別色一覧

#536BD2 を使ったトーンオントーン

#536BD2 を使ったトーンイントーン

#536BD2 を使ったカマイユ

#536BD2 を使ったフォカマイユ

#536BD2 を使ったドミナントカラー

#536BD2 を使ったトライアド

#536BD2 を使ったスプリットコンプリメンタリー

#536BD2 を使ったテトラード

#536BD2 を使ったコントラスト