#4BA5E2｜カラーサイト.com

#4BA5E2 の色情報

#4BA5E2

画像
HEX	#4BA5E2
RGB	R:75 G:165 B:226
RGBの割合	R:29.4% G:64.7% B:88.6%
HSV	H:204.2 S:66.8 V:88.6
HSL	H:204.2 S:72.2 L:59.0
CMY	C:70.6 M:35.3 Y:11.4

CMYK	C:66.8 M:27.0 Y:0.0 K:11.4
YCbCr	Y:140.6 Cb:168.1 Cr:84.2
XYZ	X:30.1 Y:33.9 Z:76.9
xyY	x:0.214 y:0.241 Y:33.9

CIE Lab	L:64.9 a:-7.9 b*:-38.7
CIE LCh	L:64.9 C:39.5 h:258.5
CIE Luv	L:64.9 u:-35.0 v*:-60.5
Hunter Lab	L:58.2 a:-9.7 b:-37.6

#4BA5E2 の色相別色一覧

#E2624B

#E2884B

#E2AE4B

#E2D44B

#CBE24B

#A5E24B

#7FE24B

#5AE24B

#4BE262

#4BE288

#4BE2AE

#4BE2D4

#4BCBE2

#4BA5E2

#4B7FE2

#4B5AE2

#624BE2

#884BE2

#AE4BE2

#D44BE2

#E24BCB

#E24BA5

#E24B7F

#E24B5A

#4BA5E2 の彩度別色一覧

#DEE0E2

#D3DCE2

#C7D7E2

#BCD3E2

#B1CEE2

#A5CAE2

#9AC5E2

#8FC0E2

#84BCE2

#78B7E2

#6DB3E2

#62AEE2

#56AAE2

#4BA5E2

#40A0E2

#349CE2

#2997E2

#1E93E2

#138EE2

#078AE2

#4BA5E2 の明度別色一覧

#030709

#071016

#0C1923

#102330

#142C3C

#183549

#1C3F56

#214863

#25516F

#295B7C

#2D6489

#326D96

#3676A2

#3A80AF

#3E89BC

#4392C9

#479CD5

#4BA5E2

#4FAEEF

#53B8FC

#4BA5E2 を使ったトーンオントーン

#4BA5E2

#48A1BD

#2A5178

#3D6C94

#19314D

#4BA5E2

#2A668C

#183D57

#33A2C4

#215E7A

#1F73C2

#174270

#4BA5E2

#263B54

#195E9C

#4BA5E2 を使ったトーンイントーン

#DCF66A

#40EC9F

#CE464F

#4BA5E2

#CC3EF6

#FC4975

#51EC80

#AE5EEF

#4BA5E2

#CBD33B

#57C94B

#CEBC48

#DA5871

#4BA5E2

#B958EC

#4BA5E2 を使ったカマイユ

#35A7DD

#58B5E7

#4D9DC9

#41ACE7

#4BA5E2

#458AC9

#359CDD

#62BDEF

#48A2D3

#4BA5E2

#5CAED5

#3C98CE

#52A8D0

#67B6F4

#4BA5E2

#4BA5E2 を使ったフォカマイユ

#6698F1

#4BA5E2

#5883C3

#30B3EC

#2AA0BC

#33B0FE

#73B6FF

#4BA5E2

#7BE4FF

#3AC6F1

#4B8AF1

#4BA5E2

#3CA4D5

#49ACCB

#276AD8

#4BA5E2 を使ったドミナントカラー

#4BA5E2

#96A7B3

#AFDCFA

#0C507D

#5B7485

#4BA5E2

#0A7FCF

#394F5E

#132736

#60798A

#076DB3

#769BB5

#2D4759

#4BA5E2

#1A8AD6

#4BA5E2 を使ったアイデンティティ

#4BA5E2

#4B7794

#0A4D7A

#0B73BA

#4BA5E2

#50728A

#1474B5

#364B59

#4BA5E2

#4BA5E2 を使ったトライアド

#4BA5E2

#E24BA5

#A5E24B

#4BA5E2 を使ったスプリットコンプリメンタリー

#E2BA4B

#4BA5E2

#E2564B

#4BA5E2 を使ったテトラード

#4BA5E2

#D44BE2

#E2884B

#5AE24B

#4BA5E2 を使ったコントラスト

#4BA5E2

#E2884B

#4BA5E2

#BCD3E2

#4BA5E2

#224A66

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

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

#4BA5E2

#4BA5E2 の色情報

#4BA5E2 の色相別色一覧

#4BA5E2 の彩度別色一覧

#4BA5E2 の明度別色一覧

#4BA5E2 を使ったトーンオントーン

#4BA5E2 を使ったトーンイントーン

#4BA5E2 を使ったカマイユ

#4BA5E2 を使ったフォカマイユ

#4BA5E2 を使ったドミナントカラー

#4BA5E2 を使ったアイデンティティ

#4BA5E2 を使ったトライアド

#4BA5E2 を使ったスプリットコンプリメンタリー

#4BA5E2 を使ったテトラード

#4BA5E2 を使ったコントラスト