#80A5E2｜カラーサイト.com

#80A5E2 の色情報

#80A5E2

画像
HEX	#80A5E2
RGB	R:128 G:165 B:226
RGBの割合	R:50.2% G:64.7% B:88.6%
HSV	H:217.3 S:43.4 V:88.6
HSL	H:217.3 S:62.8 L:69.4
CMY	C:49.8 M:35.3 Y:11.4

CMYK	C:43.4 M:27.0 Y:0.0 K:11.4
YCbCr	Y:154.2 Cb:160.3 Cr:107.4
XYZ	X:36.1 Y:37.0 Z:77.2
xyY	x:0.240 y:0.246 Y:37.0

CIE Lab	L:67.3 a:3.1 b*:-34.8
CIE LCh	L:67.3 C:34.9 h:275.1
CIE Luv	L:67.3 u:-19.6 v*:-55.6
Hunter Lab	L:60.8 a:-0.5 b:-32.7

#80A5E2 の色相別色一覧

#E28C80

#E2A580

#E2BD80

#E2D680

#D6E280

#BEE280

#A5E280

#8DE280

#80E28C

#80E2A5

#80E2BD

#80E2D6

#80D6E2

#80BEE2

#80A5E2

#808DE2

#8C80E2

#A580E2

#BD80E2

#D680E2

#E280D6

#E280BE

#E280A5

#E2808D

#80A5E2 の彩度別色一覧

#DADDE2

#CFD6E2

#C4CFE2

#B9C8E2

#ADC1E2

#A2BAE2

#97B3E2

#8BACE2

#80A5E2

#759EE2

#6997E2

#5E90E2

#5389E2

#4882E2

#3C7BE2

#3174E2

#266DE2

#1A66E2

#0F5FE2

#0458E2

#80A5E2 の明度別色一覧

#050709

#0C1016

#141923

#1B2330

#222C3C

#293549

#313F56

#384863

#3F516F

#465B7C

#4D6489

#556D96

#5C76A2

#6380AF

#6A89BC

#7292C9

#799CD5

#80A5E2

#87AEEF

#8EB8FC

#80A5E2 を使ったトーンオントーン

#374E91

#80A5E2

#4765B3

#344E7A

#22345C

#23375C

#677091

#405975

#818FC4

#80A5E2

#6F93B8

#6C789C

#3A424D

#4E566B

#80A5E2 を使ったトーンイントーン

#DE85F4

#DA8D8F

#9AF1BA

#80A5E2

#D5EF9A

#CC7AD0

#CE9781

#BAE773

#65D0AA

#80A5E2

#E99BFC

#8DECA4

#FC999D

#80A5E2

#CCD082

#80A5E2 を使ったカマイユ

#71ACF1

#8FA7DD

#829CD3

#80A5E2

#608EC9

#80A5E2

#7BA6DD

#91AFDD

#6C8DDA

#96B5EC

#A0BAF4

#80A5E2

#6786CB

#7698D8

#89A6DA

#80A5E2 を使ったフォカマイユ

#6AA0DA

#8C95D3

#6DA1D3

#80A5E2

#7080DD

#6680EF

#8CA7C9

#80A5E2

#91B0E7

#7CA7FF

#94AADA

#717EC1

#A9CEEF

#A0BFFF

#80A5E2

#80A5E2 を使ったドミナントカラー

#4F6D9E

#26416E

#20314D

#9EA6B5

#80A5E2

#5673A3

#5F91E3

#80A5E2

#8490A3

#1D283B

#80A5E2

#646A75

#2E4F85

#0E316B

#272F3D

#80A5E2 を使ったアイデンティティ

#416DB5

#0D306B

#80A5E2

#5277B3

#244D91

#80A5E2

#3166BD

#0E387D

#80A5E2

#80A5E2 を使ったトライアド

#80A5E2

#E280A5

#A5E280

#80A5E2 を使ったスプリットコンプリメンタリー

#E2DE80

#80A5E2

#E29C80

#80A5E2 を使ったテトラード

#80A5E2

#E280D6

#E2BD80

#80E28C

#80A5E2 を使ったコントラスト

#80A5E2

#E2BD80

#80A5E2

#0F5FE2

#80A5E2

#3A4A66

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

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

#80A5E2

#80A5E2 の色情報

#80A5E2 の色相別色一覧

#80A5E2 の彩度別色一覧

#80A5E2 の明度別色一覧

#80A5E2 を使ったトーンオントーン

#80A5E2 を使ったトーンイントーン

#80A5E2 を使ったカマイユ

#80A5E2 を使ったフォカマイユ

#80A5E2 を使ったドミナントカラー

#80A5E2 を使ったアイデンティティ

#80A5E2 を使ったトライアド

#80A5E2 を使ったスプリットコンプリメンタリー

#80A5E2 を使ったテトラード

#80A5E2 を使ったコントラスト