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

#6BA4B2 の色情報

#6BA4B2

画像
HEX	#6BA4B2
RGB	R:107 G:164 B:178
RGBの割合	R:42.0% G:64.3% B:69.8%
HSV	H:191.8 S:39.9 V:69.8
HSL	H:191.8 S:31.6 L:55.9
CMY	C:58.0 M:35.7 Y:30.2

CMYK	C:39.9 M:7.9 Y:0.0 K:30.2
YCbCr	Y:143.6 Cb:142.6 Cr:102.0
XYZ	X:27.4 Y:32.9 Z:47.0
xyY	x:0.255 y:0.307 Y:32.9

CIE Lab	L:64.1 a:-14.9 b*:-13.1
CIE LCh	L:64.1 C:19.9 h:221.3
CIE Luv	L:64.1 u:-27.1 v*:-17.5
Hunter Lab	L:57.3 a:-15.2 b:-8.5

#6BA4B2 の色相別色一覧

#B2796B

#B28B6B

#B29D6B

#B2AE6B

#A4B26B

#92B26B

#81B26B

#6FB26B

#6BB279

#6BB28B

#6BB29D

#6BB2AE

#6BA4B2

#6B92B2

#6B81B2

#6B6FB2

#796BB2

#8B6BB2

#9D6BB2

#AE6BB2

#B26BA4

#B26B92

#B26B81

#B26B6F

#6BA4B2 の彩度別色一覧

#A9B0B2

#A0AFB2

#98ADB2

#8FABB2

#86A9B2

#7DA8B2

#74A6B2

#6BA4B2

#62A2B2

#59A0B2

#509FB2

#479DB2

#3F9BB2

#3699B2

#2D98B2

#2496B2

#1B94B2

#1292B2

#0991B2

#008FB2

#6BA4B2 の明度別色一覧

#070B0C

#0F1719

#172326

#1E2F33

#263A3F

#2E464C

#355259

#3D5E66

#456972

#4C757F

#54818C

#5C8D99

#6398A5

#6BA4B2

#73B0BF

#7ABBCC

#82C7D8

#8AD3E5

#91DFF2

#99EAFF

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

#51757A

#3E9196

#72D2E3

#3A454A

#6BA4B2

#337980

#6BA4B2

#1C4045

#7FDBF0

#8CC6D4

#6BA4B2

#89BECC

#73C0E6

#223B47

#385D70

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

#8761C1

#6BA4B2

#BA8294

#6FBF78

#B7AD7D

#659973

#B57286

#6BA4B2

#CCCB74

#8C6CA5

#7456A8

#8ACC89

#AD6B87

#A58D56

#6BA4B2

#6BA4B2 を使ったカマイユ

#71A0AA

#6298A0

#6BA4B2

#619AAA

#67BEC9

#72A2A8

#67ADB7

#6BA4B2

#68929B

#64A1AD

#5DA2AF

#4E8D9B

#6BA4B2

#7EB3BC

#6B9BAD

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

#96C6D3

#579199

#76A2BF

#6BA4B2

#74AAAA

#5FC1C1

#567A93

#9FCAD3

#6A8F9B

#6BA4B2

#9BC2D1

#6BA4B2

#5DACC9

#69858E

#79BED8

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

#879396

#6BA4B2

#6FA5B3

#83E0F7

#378EA3

#223C42

#6BA4B2

#3F5459

#468B9C

#0C92B3

#6BA4B2

#22CBF5

#366975

#0B718A

#20B2D6

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

#095669

#6BA4B2

#4FD0F0

#177187

#6FC8DE

#6BA4B2

#6EDEFA

#6BA4B2

#0F748C

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

#6BA4B2

#B26BA4

#A4B26B

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

#B2916B

#6BA4B2

#B26B75

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

#6BA4B2

#9D6BB2

#B2796B

#81B26B

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

#6BA4B2

#B2796B

#6BA4B2

#1292B2

#6BA4B2

#99EBFF

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

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

#6BA4B2

#6BA4B2 の色情報

#6BA4B2 の色相別色一覧

#6BA4B2 の彩度別色一覧

#6BA4B2 の明度別色一覧

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

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

#6BA4B2 を使ったカマイユ

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

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

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

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

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

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

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