#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 を使ったトーンオントーン

#5F748F

#4C5578

#80A5E2

#3C4357

#5084C4

#80A5E2

#1D3045

#66708F

#7E96B5

#325B7D

#4B769E

#6E85B0

#80A5E2

#606D80

#30435C

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

#5FCB8C

#E282EA

#D0DF87

#80A5E2

#F6A29D

#80A5E2

#87D099

#CE72D8

#B7CE6A

#D37773

#E5888F

#80A5E2

#71D387

#D08DDD

#E0E576

#80A5E2 を使ったカマイユ

#9DBCF6

#759DFC

#80A5E2

#8DADF4

#79A0CE

#6895DA

#7197E5

#85A0D8

#80A5E2

#74A2EA

#A6C0F9

#80A5E2

#7DB1F6

#8AABD5

#7AA1F6

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

#80A5E2

#79B9EF

#6189D5

#5996D5

#72A7EA

#80A5E2

#7297FF

#9DB6EF

#5798BE

#A7CEFF

#80A5E2

#778CDA

#98D2FF

#97ACD3

#A0AFF4

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

#24334D

#011D4A

#2C4670

#1C273B

#80A5E2

#2E4366

#8D98A8

#80A5E2

#303133

#3671D1

#80A5E2

#4C6B9E

#B2C0D6

#486FB0

#222E42

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

#28477A

#06409E

#80A5E2

#06265C

#275196

#80A5E2

#2554A1

#32496E

#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 を使ったコントラスト