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

#3F96E2 の色情報

#3F96E2

画像
HEX	#3F96E2
RGB	R:63 G:150 B:226
RGBの割合	R:24.7% G:58.8% B:88.6%
HSV	H:208.0 S:72.1 V:88.6
HSL	H:208.0 S:73.8 L:56.7
CMY	C:75.3 M:41.2 Y:11.4

CMYK	C:72.1 M:33.6 Y:0.0 K:11.4
YCbCr	Y:129.9 Cb:174.2 Cr:84.4
XYZ	X:26.7 Y:28.4 Z:76.0
xyY	x:0.204 y:0.216 Y:28.4

CIE Lab	L:60.2 a:-1.1 b*:-46.0
CIE LCh	L:60.2 C:46.0 h:268.6
CIE Luv	L:60.2 u:-32.1 v*:-72.8
Hunter Lab	L:53.3 a:-3.8 b:-47.4

#3F96E2 の色相別色一覧

#E2623F

#E28B3F

#E2B43F

#E2DD3F

#BFE23F

#96E23F

#6DE23F

#45E23F

#3FE262

#3FE28B

#3FE2B4

#3FE2DD

#3FBFE2

#3F96E2

#3F6DE2

#3F45E2

#623FE2

#8B3FE2

#B43FE2

#DD3FE2

#E23FBF

#E23F96

#E23F6D

#E23F45

#3F96E2 の彩度別色一覧

#DDE0E2

#D2DAE2

#C7D5E2

#BBD0E2

#B0CBE2

#A5C5E2

#99C0E2

#8EBBE2

#83B6E2

#78B0E2

#6CABE2

#61A6E2

#56A1E2

#4A9BE2

#3F96E2

#3491E2

#288BE2

#1D86E2

#1281E2

#077CE2

#3F96E2 の明度別色一覧

#030609

#060F16

#0A1723

#0D2030

#11283C

#143049

#183956

#1B4163

#1F4A6F

#23527C

#265B89

#2A6396

#2D6CA2

#3174AF

#347DBC

#3885C9

#3B8ED5

#3F96E2

#439EEF

#46A7FC

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

#3F96E2

#154A99

#157EBF

#1D3745

#2F5770

#3F96E2

#2379B3

#13355C

#0E4B70

#255194

#325369

#1686BA

#436A99

#3F96E2

#082047

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

#3F96E2

#DA3F49

#27D87C

#D356EF

#B9DD27

#C93443

#BF39DA

#3EEF6D

#BBC946

#3F96E2

#F62F67

#8F2CC9

#D5BC40

#2AD53E

#3F96E2

#3F96E2 を使ったカマイユ

#3F96E2

#469ACE

#2E7DDD

#2C85C9

#4EB9FC

#3F96E2

#4A94EF

#539FFC

#2DABF9

#2F92FC

#2B8BE5

#308FE7

#41A0DA

#3593D5

#3F96E2

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

#446CD0

#56CEEF

#5E9EFF

#51B3D0

#3F96E2

#3DB2EC

#3F78C1

#3F96E2

#29B1DA

#2CB8F4

#54A1FF

#1D59C1

#1B86C3

#1F5EF1

#3F96E2

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

#104778

#64696E

#3F96E2

#88AECF

#0D3354

#5E85A6

#364E63

#3F96E2

#051F36

#035AA6

#06233D

#3F96E2

#606970

#1F2F3D

#424C54

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

#457AA8

#3F96E2

#3C5B75

#2A455C

#09579C

#3F96E2

#5991C2

#3F96E2

#396082

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

#3F96E2

#E23F96

#96E23F

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

#E2C13F

#3F96E2

#E2553F

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

#3F96E2

#DD3FE2

#E28B3F

#45E23F

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

#3F96E2

#E28B3F

#3F96E2

#B0CBE2

#3F96E2

#1C4466

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

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

#3F96E2

#3F96E2 の色情報

#3F96E2 の色相別色一覧

#3F96E2 の彩度別色一覧

#3F96E2 の明度別色一覧

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

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

#3F96E2 を使ったカマイユ

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

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

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

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

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

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

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