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

#3F45B2 の色情報

#3F45B2

画像
HEX	#3F45B2
RGB	R:63 G:69 B:178
RGBの割合	R:24.7% G:27.1% B:69.8%
HSV	H:236.9 S:64.6 V:69.8
HSL	H:236.9 S:47.7 L:47.3
CMY	C:75.3 M:72.9 Y:30.2

CMYK	C:64.6 M:61.2 Y:0.0 K:30.2
YCbCr	Y:84.4 Cb:176.7 Cr:117.6
XYZ	X:12.2 Y:8.5 Z:43.1
xyY	x:0.191 y:0.134 Y:8.5

CIE Lab	L:35.1 a:32.2 b*:-58.8
CIE LCh	L:35.1 C:67.1 h:298.7
CIE Luv	L:77.0 u:-16.7 v*:-183.8
Hunter Lab	L:29.2 a:23.6 b:-67.1

#3F45B2 の色相別色一覧

#B2563F

#B2733F

#B28F3F

#B2AC3F

#9BB23F

#7FB23F

#62B23F

#45B23F

#3FB256

#3FB273

#3FB28F

#3FB2AC

#3F9BB2

#3F7FB2

#3F62B2

#3F45B2

#563FB2

#733FB2

#8F3FB2

#AC3FB2

#B23F9B

#B23F7F

#B23F62

#B23F45

#3F45B2 の彩度別色一覧

#AAAAB2

#A1A2B2

#9899B2

#8F91B2

#8688B2

#7D80B2

#7478B2

#6C6FB2

#6367B2

#5A5EB2

#5156B2

#484DB2

#3F45B2

#363DB2

#2D34B2

#242CB2

#1B23B2

#131BB2

#0A12B2

#010AB2

#3F45B2 の明度別色一覧

#04050C

#090A19

#0D0F26

#121433

#16193F

#1B1D4C

#1F2259

#242766

#282C72

#2D317F

#31368C

#363B99

#3A40A5

#3F45B2

#444ABF

#484FCC

#4D54D8

#5159E5

#565EF2

#5A63FF

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

#556ACF

#222552

#3F45B2

#2C3780

#908AFA

#313D6E

#3F45B2

#0C0D47

#5F71D6

#8994F7

#5B60E8

#1D1854

#3F45B2

#4B428C

#24276B

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

#AF622E

#3F45B2

#6CA83D

#C13FBD

#3BAD8D

#469E40

#AA8237

#3F45B2

#59BCC9

#A84288

#74AF4C

#C17639

#289E99

#3F45B2

#AF47A2

#3F45B2 を使ったカマイユ

#4D5BB5

#36339E

#3F45B2

#3345C9

#4945A8

#3F45B2

#3341BA

#2C2EA5

#3334B5

#413DA0

#4956A8

#4645AA

#4346A5

#3F45B2

#4747AF

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

#7C67D1

#5C6AD8

#3F45B2

#5772C9

#38498E

#3F45B2

#5473BA

#3566D8

#6887CE

#395EC1

#4C66A8

#224699

#5B51A0

#26348C

#3F45B2

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

#3F45B2

#121887

#040B85

#040A80

#080B38

#0A1073

#525AF7

#3F45B2

#BABBD1

#A1A3CC

#3F45B2

#2B2D45

#383A52

#181E94

#0A0D3B

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

#3F45B2

#7D83E8

#191F85

#3F45B2

#797ED1

#080E73

#2730CF

#4B4E80

#3F45B2

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

#3F45B2

#B23F45

#45B23F

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

#92B23F

#3F45B2

#B2863F

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

#3F45B2

#B23F7F

#B2AC3F

#3FB273

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

#3F45B2

#B2AC3F

#3F45B2

#9899B2

#3F45B2

#5A63FF

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

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

#3F45B2

#3F45B2 の色情報

#3F45B2 の色相別色一覧

#3F45B2 の彩度別色一覧

#3F45B2 の明度別色一覧

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

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

#3F45B2 を使ったカマイユ

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

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

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

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

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

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

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