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

#30A5E2 の色情報

#30A5E2

画像
HEX	#30A5E2
RGB	R:48 G:165 B:226
RGBの割合	R:18.8% G:64.7% B:88.6%
HSV	H:200.6 S:78.8 V:88.6
HSL	H:200.6 S:75.4 L:53.7
CMY	C:81.2 M:35.3 Y:11.4

CMYK	C:78.8 M:27.0 Y:0.0 K:11.4
YCbCr	Y:133.6 Cb:172.1 Cr:72.3
XYZ	X:28.4 Y:33.0 Z:76.8
xyY	x:0.205 y:0.239 Y:33.0

CIE Lab	L:64.2 a:-11.3 b*:-39.8
CIE LCh	L:64.2 C:41.4 h:254.1
CIE Luv	L:64.2 u:-39.5 v*:-61.9
Hunter Lab	L:57.5 a:-12.4 b:-39.0

#30A5E2 の色相別色一覧

#E24130

#E26D30

#E29A30

#E2C630

#D2E230

#A5E230

#79E230

#4CE230

#30E241

#30E26D

#30E29A

#30E2C6

#30D2E2

#30A5E2

#3079E2

#304CE2

#4130E2

#6D30E2

#9A30E2

#C630E2

#E230D2

#E230A5

#E23079

#E2304C

#30A5E2 の彩度別色一覧

#DADFE2

#CEDBE2

#C3D7E2

#B8D3E2

#ACD0E2

#A1CCE2

#96C8E2

#8AC4E2

#7FC0E2

#74BCE2

#69B8E2

#5DB4E2

#52B1E2

#47ADE2

#3BA9E2

#30A5E2

#25A1E2

#199DE2

#0E99E2

#0396E2

#30A5E2 の明度別色一覧

#020709

#051016

#071923

#0A2330

#0D2C3C

#103549

#123F56

#154863

#18516F

#1A5B7C

#1D6489

#206D96

#2276A2

#2580AF

#2889BC

#2B92C9

#2D9CD5

#30A5E2

#33AEEF

#35B8FC

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

#30A5E2

#3B8899

#045075

#2893B3

#0E3D59

#045F75

#3E7196

#0694BA

#043957

#30A5E2

#042C4D

#0F4773

#1189BA

#30A5E2

#036C91

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

#46F650

#DA3B5A

#9026EA

#30A5E2

#D0C917

#E52556

#30A5E2

#E0F423

#944EF9

#29EC83

#E1FC3F

#30A5E2

#D32F51

#40EA71

#992FCB

#30A5E2 を使ったカマイユ

#318AC9

#2091D0

#1BADEF

#36A9F4

#30A5E2

#29A1CB

#409DD5

#2BC0F9

#30A5E2

#26ABFC

#3AAEEF

#1D84CB

#2DABF6

#30A5E2

#1A8AD8

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

#30A5E2

#22B7D0

#4794FC

#499AEA

#2FE8FF

#2698E7

#3F80D8

#5CEDFF

#2374C9

#30A5E2

#27B6F1

#18BCEC

#30A5E2

#398BDA

#318FFF

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

#064C70

#68A5C4

#3296C9

#30A5E2

#3D4447

#808B91

#30A5E2

#1F4F69

#173F54

#083A54

#5BC0F5

#1984BD

#30A5E2

#91B4C7

#152E3B

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

#30A5E2

#446373

#3A88B0

#2E6E8F

#5696B8

#30A5E2

#497085

#4B8FB3

#30A5E2

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

#30A5E2

#E230A5

#A5E230

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

#E2A830

#30A5E2

#E23230

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

#30A5E2

#C630E2

#E26D30

#4CE230

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

#30A5E2

#E26D30

#30A5E2

#A1CCE2

#30A5E2

#164A66

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

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

#30A5E2

#30A5E2 の色情報

#30A5E2 の色相別色一覧

#30A5E2 の彩度別色一覧

#30A5E2 の明度別色一覧

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

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

#30A5E2 を使ったカマイユ

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

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

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

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

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

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

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