#168EB2｜カラーサイト.com

#168EB2 の色情報

#168EB2

画像
HEX	#168EB2
RGB	R:22 G:142 B:178
RGBの割合	R:8.6% G:55.7% B:69.8%
HSV	H:193.8 S:87.6 V:69.8
HSL	H:193.8 S:78.0 L:39.2
CMY	C:91.4 M:44.3 Y:30.2

CMYK	C:87.6 M:20.2 Y:0.0 K:30.2
YCbCr	Y:110.7 Cb:161.6 Cr:72.8
XYZ	X:18.0 Y:22.7 Z:45.6
xyY	x:0.209 y:0.263 Y:22.7

CIE Lab	L:54.8 a:-17.8 b*:-27.5
CIE LCh	L:54.8 C:32.8 h:237.1
CIE Luv	L:54.8 u:-37.3 v*:-39.6
Hunter Lab	L:47.7 a:-15.9 b:-23.3

#168EB2 の色相別色一覧

#B23A16

#B26116

#B28816

#B2AF16

#8EB216

#67B216

#40B216

#19B216

#16B23A

#16B261

#16B288

#16B2AF

#168EB2

#1667B2

#1640B2

#1619B2

#3A16B2

#6116B2

#8816B2

#AF16B2

#B2168E

#B21667

#B21640

#B21619

#168EB2 の彩度別色一覧

#ADB1B2

#A4AFB2

#9CADB2

#93ABB2

#8AA9B2

#81A7B2

#78A5B2

#6FA3B2

#66A0B2

#5D9EB2

#549CB2

#4B9AB2

#4398B2

#3A96B2

#3194B2

#2892B2

#1F90B2

#168EB2

#0D8CB2

#048AB2

#168EB2 の明度別色一覧

#020A0C

#031419

#051E26

#062833

#08323F

#093D4C

#0B4759

#0D5166

#0E5B72

#10657F

#116F8C

#137A99

#1484A5

#168EB2

#1898BF

#19A2CC

#1BADD8

#1CB7E5

#1EC1F2

#1FCBFF

#168EB2 を使ったトーンオントーン

#168EB2

#075D70

#088D96

#093E57

#22AFF0

#00868F

#026780

#12B3F2

#104257

#168EB2

#043F54

#317A96

#084469

#168EB2

#41E0F5

#168EB2 を使ったトーンイントーン

#990752

#3F05BF

#C99815

#168EB2

#19AD0E

#41B71C

#9E0564

#168EB2

#B56B04

#4115A0

#7108BC

#168EB2

#C6BC2A

#26A83F

#C1225D

#168EB2 を使ったカマイユ

#1F90B5

#2A9BBA

#0B7A99

#20A9C4

#168EB2

#1E79A3

#2280A8

#0A8DBC

#0EA2BF

#168EB2

#0F79A3

#168EB2

#12749E

#2487AA

#1B90AF

#168EB2 を使ったフォカマイユ

#0A568E

#1C7F8C

#239296

#168EB2

#0DB8CE

#0D8999

#168EB2

#00A5A2

#03CDD3

#0194BC

#1C7DC1

#007EB7

#0060AD

#025093

#168EB2

#168EB2 を使ったドミナントカラー

#B1E3F2

#144352

#41899E

#168EB2

#88B2BF

#168EB2

#4AB8D9

#486169

#133038

#2D9ABA

#97CDDE

#168EB2

#2E7387

#ABC6CF

#A4CFDB

#168EB2 を使ったアイデンティティ

#25677A

#168EB2

#8CDDF5

#A4E8FC

#168EB2

#175263

#168EB2

#7BC5DB

#1D5D70

#168EB2 を使ったトライアド

#168EB2

#B2168E

#8EB216

#168EB2 を使ったスプリットコンプリメンタリー

#B26E16

#168EB2

#B21626

#168EB2 を使ったテトラード

#168EB2

#8816B2

#B23A16

#40B216

#168EB2 を使ったコントラスト

#168EB2

#B23A16

#168EB2

#6FA3B2

#168EB2

#20CBFF

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

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

#168EB2

#168EB2 の色情報

#168EB2 の色相別色一覧

#168EB2 の彩度別色一覧

#168EB2 の明度別色一覧

#168EB2 を使ったトーンオントーン

#168EB2 を使ったトーンイントーン

#168EB2 を使ったカマイユ

#168EB2 を使ったフォカマイユ

#168EB2 を使ったドミナントカラー

#168EB2 を使ったアイデンティティ

#168EB2 を使ったトライアド

#168EB2 を使ったスプリットコンプリメンタリー

#168EB2 を使ったテトラード

#168EB2 を使ったコントラスト