#7BA7E2｜カラーサイト.com

#7BA7E2 の色情報

#7BA7E2

画像
HEX	#7BA7E2
RGB	R:123 G:167 B:226
RGBの割合	R:48.2% G:65.5% B:88.6%
HSV	H:214.4 S:45.6 V:88.6
HSL	H:214.4 S:64.0 L:68.4
CMY	C:51.8 M:34.5 Y:11.4

CMYK	C:45.6 M:26.1 Y:0.0 K:11.4
YCbCr	Y:153.9 Cb:160.4 Cr:104.5
XYZ	X:35.7 Y:37.3 Z:77.3
xyY	x:0.238 y:0.248 Y:37.3

CIE Lab	L:67.5 a:0.8 b*:-34.4
CIE LCh	L:67.5 C:34.4 h:271.3
CIE Luv	L:67.5 u:-22.2 v*:-54.7
Hunter Lab	L:61.1 a:-2.6 b:-32.2

#7BA7E2 の色相別色一覧

#E2837B

#E29C7B

#E2B67B

#E2D07B

#DBE27B

#C1E27B

#A7E27B

#8DE27B

#7BE283

#7BE29C

#7BE2B6

#7BE2D0

#7BDBE2

#7BC1E2

#7BA7E2

#7B8DE2

#837BE2

#9C7BE2

#B67BE2

#D07BE2

#E27BDB

#E27BC1

#E27BA7

#E27B8D

#7BA7E2 の彩度別色一覧

#E1E1E2

#D5DBE2

#CAD4E2

#BFCEE2

#B4C7E2

#A8C1E2

#9DBAE2

#92B4E2

#86ADE2

#7BA7E2

#70A1E2

#649AE2

#5994E2

#4E8DE2

#4387E2

#3780E2

#2C7AE2

#2173E2

#156DE2

#0A66E2

#7BA7E2 の明度別色一覧

#050709

#0C1016

#131A23

#1A2330

#212D3C

#283649

#2F3F56

#364963

#3D526F

#435C7C

#4A6589

#516E96

#5878A2

#5F81AF

#668BBC

#6D94C9

#749ED5

#7BA7E2

#82B0EF

#89BAFC

#7BA7E2 を使ったトーンオントーン

#384F6B

#6F7B9C

#77A1BF

#2E384F

#7BA7E2

#365570

#558EBA

#35405C

#7BA7E2

#687796

#6A8299

#36506B

#3F5DB3

#7BA7E2

#343947

#7BA7E2 を使ったトーンイントーン

#C2D864

#F99498

#AB60D8

#7ED09B

#7BA7E2

#CB7775

#7BA7E2

#83ECBD

#D286DA

#D2FC81

#CE88DD

#F67F88

#D3E566

#87D8AA

#7BA7E2

#7BA7E2 を使ったカマイユ

#7BA7E2

#81B0E5

#7CA6D8

#698FD8

#6298D3

#619BDA

#89ACEA

#86A4D0

#6EA2DF

#7BA7E2

#7F9DD3

#7BA7E2

#8FB9F9

#6CA0EF

#80ACDF

#7BA7E2 を使ったフォカマイユ

#728CEC

#7789BC

#7E9BBE

#5D9BC9

#7BA7E2

#93ABEC

#9DBAFF

#7BA7E2

#93D5FC

#6AA5EA

#7BA7E2

#5E7ABE

#84B3EA

#6694F1

#A7D2FF

#7BA7E2 を使ったドミナントカラー

#6E7278

#2C3747

#7BA7E2

#374557

#939DAB

#8697AD

#B8C4D4

#596575

#263A54

#7BA7E2

#202833

#358AFC

#7BA7E2

#2E82F2

#364861

#7BA7E2 を使ったアイデンティティ

#7BA7E2

#284266

#0452BA

#7BA7E2

#1552A3

#385D8F

#7BA7E2

#4D7BB8

#0D356B

#7BA7E2 を使ったトライアド

#7BA7E2

#E27BA7

#A7E27B

#7BA7E2 を使ったスプリットコンプリメンタリー

#E2D87B

#7BA7E2

#E2947B

#7BA7E2 を使ったテトラード

#7BA7E2

#E27BDB

#E2B67B

#7BE283

#7BA7E2 を使ったコントラスト

#7BA7E2

#E2B67B

#7BA7E2

#0A66E2

#7BA7E2

#384B66

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

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

#7BA7E2

#7BA7E2 の色情報

#7BA7E2 の色相別色一覧

#7BA7E2 の彩度別色一覧

#7BA7E2 の明度別色一覧

#7BA7E2 を使ったトーンオントーン

#7BA7E2 を使ったトーンイントーン

#7BA7E2 を使ったカマイユ

#7BA7E2 を使ったフォカマイユ

#7BA7E2 を使ったドミナントカラー

#7BA7E2 を使ったアイデンティティ

#7BA7E2 を使ったトライアド

#7BA7E2 を使ったスプリットコンプリメンタリー

#7BA7E2 を使ったテトラード

#7BA7E2 を使ったコントラスト