#4870E2｜カラーサイト.com

#4870E2 の色情報

#4870E2

画像
HEX	#4870E2
RGB	R:72 G:112 B:226
RGBの割合	R:28.2% G:43.9% B:88.6%
HSV	H:224.4 S:68.1 V:88.6
HSL	H:224.4 S:72.6 L:58.4
CMY	C:71.8 M:56.1 Y:11.4

CMYK	C:68.1 M:50.4 Y:0.0 K:11.4
YCbCr	Y:113.1 Cb:184.0 Cr:102.3
XYZ	X:22.2 Y:18.5 Z:74.3
xyY	x:0.193 y:0.160 Y:18.5

CIE Lab	L:50.0 a:23.2 b*:-62.2
CIE LCh	L:50.0 C:66.4 h:290.5
CIE Luv	L:50.0 u:-18.2 v*:-97.7
Hunter Lab	L:43.0 a:17.0 b:-72.5

#4870E2 の色相別色一覧

#E26D48

#E29448

#E2BA48

#E2E148

#BDE248

#97E248

#70E248

#4AE248

#48E26D

#48E294

#48E2BA

#48E2E1

#48BDE2

#4897E2

#4870E2

#484AE2

#6D48E2

#9448E2

#BA48E2

#E148E2

#E248BD

#E24897

#E24870

#E2484A

#4870E2 の彩度別色一覧

#DBDDE2

#D0D4E2

#C4CCE2

#B9C4E2

#AEBBE2

#A2B3E2

#97ABE2

#8CA2E2

#819AE2

#7591E2

#6A89E2

#5F81E2

#5378E2

#4870E2

#3D68E2

#315FE2

#2657E2

#1B4FE2

#1046E2

#043EE2

#4870E2 の明度別色一覧

#030509

#070B16

#0B1123

#0F1830

#131E3C

#172449

#1B2A56

#1F3163

#23376F

#283D7C

#2C4489

#304A96

#3450A2

#3857AF

#3C5DBC

#4063C9

#446AD5

#4870E2

#4C76EF

#507DFC

#4870E2 を使ったトーンオントーン

#496799

#0D1757

#1E346B

#4870E2

#5E6CBD

#122847

#4870E2

#263899

#203869

#466AB5

#4870E2

#213045

#1F3B6E

#406FB8

#1B4BA1

#4870E2 を使ったトーンイントーン

#DF6155

#B5E755

#47EF94

#B851D0

#4870E2

#CB603B

#4870E2

#EC42E0

#98EF5F

#3BE5C7

#54DD97

#B6F954

#DE5BDF

#4870E2

#F16A4A

#4870E2 を使ったカマイユ

#4870E2

#4D71D0

#4A73D5

#436EDF

#517AE7

#415DD3

#356EDD

#4870E2

#5480DD

#5A7AF4

#4467FC

#3F7CFC

#4870E2

#3462DA

#5F7CEA

#4870E2 を使ったフォカマイユ

#2D3AD8

#4A99F6

#6D74FF

#4870E2

#4C51D3

#6271EF

#4870E2

#364BC9

#326BC9

#636CFE

#4870E2

#3C5AD8

#397BF9

#2448D3

#4749F6

#4870E2 を使ったドミナントカラー

#EDF1FC

#0239D4

#4870E2

#0B43E0

#7994E0

#0E2B7D

#114AED

#1846C9

#1E45B3

#4870E2

#103AB3

#4870E2

#2D3C69

#3564E8

#02113D

#4870E2 を使ったアイデンティティ

#4870E2

#535C78

#1240C4

#4870E2

#687AAB

#011A61

#4870E2

#082987

#6F7CA1

#4870E2 を使ったトライアド

#4870E2

#E24870

#70E248

#4870E2 を使ったスプリットコンプリメンタリー

#D7E248

#4870E2

#E28748

#4870E2 を使ったテトラード

#4870E2

#E248BD

#E2BA48

#48E26D

#4870E2 を使ったコントラスト

#4870E2

#E2BA48

#4870E2

#B9C4E2

#4870E2

#203366

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

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

#4870E2

#4870E2 の色情報

#4870E2 の色相別色一覧

#4870E2 の彩度別色一覧

#4870E2 の明度別色一覧

#4870E2 を使ったトーンオントーン

#4870E2 を使ったトーンイントーン

#4870E2 を使ったカマイユ

#4870E2 を使ったフォカマイユ

#4870E2 を使ったドミナントカラー

#4870E2 を使ったアイデンティティ

#4870E2 を使ったトライアド

#4870E2 を使ったスプリットコンプリメンタリー

#4870E2 を使ったテトラード

#4870E2 を使ったコントラスト