#3F90E2｜カラーサイト.com

#3F90E2 の色情報

#3F90E2

画像
HEX	#3F90E2
RGB	R:63 G:144 B:226
RGBの割合	R:24.7% G:56.5% B:88.6%
HSV	H:210.2 S:72.1 V:88.6
HSL	H:210.2 S:73.8 L:56.7
CMY	C:75.3 M:43.5 Y:11.4

CMYK	C:72.1 M:36.3 Y:0.0 K:11.4
YCbCr	Y:126.9 Cb:176.0 Cr:86.6
XYZ	X:25.7 Y:26.5 Z:75.7
xyY	x:0.201 y:0.207 Y:26.5

CIE Lab	L:58.5 a:2.4 b*:-48.7
CIE LCh	L:58.5 C:48.8 h:272.8
CIE Luv	L:58.5 u:-30.1 v*:-77.3
Hunter Lab	L:51.5 a:-0.8 b:-51.2

#3F90E2 の色相別色一覧

#E2403F

#E2683F

#E2913F

#E2BA3F

#E2E23F

#B9E23F

#90E23F

#67E23F

#3FE240

#3FE268

#3FE291

#3FE2BA

#3FE2E2

#3FB9E2

#3F90E2

#3F67E2

#403FE2

#683FE2

#913FE2

#BA3FE2

#E23FE2

#E23FB9

#E23F90

#E23F67

#3F90E2 の彩度別色一覧

#DDE0E2

#D2DAE2

#C7D4E2

#BBCFE2

#B0C9E2

#A5C3E2

#99BDE2

#8EB8E2

#83B2E2

#78ACE2

#6CA7E2

#61A1E2

#569BE2

#4A96E2

#3F90E2

#348AE2

#2885E2

#1D7FE2

#1279E2

#0774E2

#3F90E2 の明度別色一覧

#030609

#060E16

#0A1623

#0D1E30

#11263C

#142F49

#183756

#1B3F63

#1F476F

#234F7C

#265789

#2A5F96

#2D67A2

#3170AF

#3478BC

#3880C9

#3B88D5

#3F90E2

#4398EF

#46A0FC

#3F90E2 を使ったトーンオントーン

#233A57

#1485C7

#1552A3

#1A4978

#3F90E2

#1A59BA

#3F90E2

#1F6B9C

#193B4D

#204075

#283754

#114373

#3F90E2

#427794

#356EB0

#3F90E2 を使ったトーンイントーン

#30F161

#3F90E2

#CE44FC

#EA4235

#BCCB4D

#F12E5E

#3F90E2

#34C939

#9F4DCB

#F9DE52

#DAD143

#C02DE5

#3F90E2

#3DCB4E

#E54B5F

#3F90E2 を使ったカマイユ

#3490D3

#2C93DD

#58A8EA

#3F90E2

#46A6F1

#3F90E2

#5797EC

#3386E7

#4D8CE5

#2D7FCE

#3F90E2

#59AAEC

#2D6FCE

#3380DF

#499FDD

#3F90E2 を使ったフォカマイユ

#28A9FF

#20A3EA

#3F90E2

#406DF6

#68D1FF

#5CC0EC

#558CD5

#3F90E2

#3772D3

#68D1FE

#417CCB

#61C3F9

#57AAF9

#3F90E2

#427EBE

#3F90E2 を使ったドミナントカラー

#54616E

#0B5FB5

#253F59

#3F90E2

#A8ADB3

#114E8C

#173554

#3F90E2

#5384B5

#4C5E70

#1A548F

#495C70

#99B1C9

#3F90E2

#515B66

#3F90E2 を使ったアイデンティティ

#485869

#3F90E2

#0C5196

#3B6794

#4B647D

#3F90E2

#435C75

#1C61A6

#3F90E2

#3F90E2 を使ったトライアド

#3F90E2

#E23F90

#90E23F

#3F90E2 を使ったスプリットコンプリメンタリー

#E2C73F

#3F90E2

#E25B3F

#3F90E2 を使ったテトラード

#3F90E2

#E23FE2

#E2913F

#3FE23F

#3F90E2 を使ったコントラスト

#3F90E2

#E2913F

#3F90E2

#B0C9E2

#3F90E2

#1C4166

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

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

#3F90E2

#3F90E2 の色情報

#3F90E2 の色相別色一覧

#3F90E2 の彩度別色一覧

#3F90E2 の明度別色一覧

#3F90E2 を使ったトーンオントーン

#3F90E2 を使ったトーンイントーン

#3F90E2 を使ったカマイユ

#3F90E2 を使ったフォカマイユ

#3F90E2 を使ったドミナントカラー

#3F90E2 を使ったアイデンティティ

#3F90E2 を使ったトライアド

#3F90E2 を使ったスプリットコンプリメンタリー

#3F90E2 を使ったテトラード

#3F90E2 を使ったコントラスト