#6BACF0｜カラーサイト.com

#6BACF0 の色情報

#6BACF0

画像
HEX	#6BACF0
RGB	R:107 G:172 B:240
RGBの割合	R:42.0% G:67.5% B:94.1%
HSV	H:210.7 S:55.4 V:94.1
HSL	H:210.7 S:81.6 L:68.0
CMY	C:58.0 M:32.5 Y:5.9

CMYK	C:55.4 M:28.3 Y:0.0 K:5.9
YCbCr	Y:153.7 Cb:167.5 Cr:94.6
XYZ	X:36.5 Y:38.9 Z:88.0
xyY	x:0.224 y:0.238 Y:38.9

CIE Lab	L:68.7 a:-1.5 b*:-40.3
CIE LCh	L:68.7 C:40.3 h:267.9
CIE Luv	L:68.7 u:-29.2 v*:-64.5
Hunter Lab	L:62.4 a:-4.6 b:-40.0

#6BACF0 の色相別色一覧

#F06D6B

#F08E6B

#F0AF6B

#F0D06B

#EFF06B

#CDF06B

#ACF06B

#8BF06B

#6BF06D

#6BF08E

#6BF0AF

#6BF0D0

#6BEFF0

#6BCDF0

#6BACF0

#6B8BF0

#6D6BF0

#8E6BF0

#AF6BF0

#D06BF0

#F06BEF

#F06BCD

#F06BAC

#F06B8B

#6BACF0 の彩度別色一覧

#EFEFF0

#E3E9F0

#D7E3F0

#CBDDF0

#BFD7F0

#B3D1F0

#A7CBF0

#9BC5F0

#8FBEF0

#83B8F0

#77B2F0

#6BACF0

#5FA6F0

#53A0F0

#479AF0

#3B93F0

#2F8DF0

#2387F0

#1781F0

#0B7BF0

#6BACF0 の明度別色一覧

#05080B

#0A1117

#101A24

#162331

#1B2C3E

#21354A

#273E57

#2C4764

#325171

#385A7D

#3E638A

#436C97

#4975A4

#4F7EB0

#5487BD

#5A91CA

#609AD7

#65A3E3

#6BACF0

#71B5FD

#6BACF0 を使ったトーンオントーン

#234A70

#406799

#6BACF0

#343F54

#3A74C4

#7FA7D1

#6BACF0

#273954

#2C5B75

#3B6A9E

#20415C

#6BACF0

#6DA5CF

#4765A3

#22497A

#6BACF0 を使ったトーンイントーン

#6BACF0

#D96BEB

#58E388

#DBFD82

#FF7983

#6BACF0

#A162D7

#76ED8D

#E1698F

#FDF969

#6BACF0

#AF55D7

#FF7793

#6DF367

#E1D64E

#6BACF0 を使ったカマイユ

#6FB1FF

#6BACF0

#6FACFF

#6999E1

#5390E3

#6FB1FF

#6BACF0

#7AB2F5

#5F94D9

#609FE6

#67BCFD

#76BBF3

#79C6FF

#6BACF0

#78AEED

#6BACF0 を使ったフォカマイユ

#6DACE6

#93C0FA

#6BACF0

#84A1FF

#659EFF

#4B82FF

#6C9DD9

#5486D4

#6BACF0

#7BABE1

#5893FF

#6BACF0

#87B7E6

#79B4FF

#95B9FF

#6BACF0 を使ったドミナントカラー

#213142

#6BACF0

#29425C

#4A6178

#8D959E

#9DAEBF

#6BACF0

#6C8196

#3E8CDE

#35506E

#6B8299

#6BACF0

#5883B0

#273747

#B1C7DE

#6BACF0 を使ったアイデンティティ

#476380

#327CC9

#6BACF0

#3C5166

#0A64C2

#6BACF0

#124780

#65819E

#6BACF0

#6BACF0 を使ったトライアド

#6BACF0

#F06BAC

#ACF06B

#6BACF0 を使ったスプリットコンプリメンタリー

#F0DB6B

#6BACF0

#F0836B

#6BACF0 を使ったテトラード

#6BACF0

#F06BEF

#F0AF6B

#6BF06D

#6BACF0 を使ったコントラスト

#6BACF0

#F0AF6B

#6BACF0

#E3E9F0

#6BACF0

#2D4966

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

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

#6BACF0

#6BACF0 の色情報

#6BACF0 の色相別色一覧

#6BACF0 の彩度別色一覧

#6BACF0 の明度別色一覧

#6BACF0 を使ったトーンオントーン

#6BACF0 を使ったトーンイントーン

#6BACF0 を使ったカマイユ

#6BACF0 を使ったフォカマイユ

#6BACF0 を使ったドミナントカラー

#6BACF0 を使ったアイデンティティ

#6BACF0 を使ったトライアド

#6BACF0 を使ったスプリットコンプリメンタリー

#6BACF0 を使ったテトラード

#6BACF0 を使ったコントラスト