ネービーブルー 配色 補色

ネービーブルー 色

#333C5Eの色基本情報
16進数	#333C5E
RGB	51 , 60, 94
HSV	227 , 46% , 37%
HSL	227 , 30% , 28%
CMY	69% , 71% , 78%
XYZ	5 , 4 , 11
CIE 1976 (L*, a*, b*)	25 , 0.06 , -0.22

ネービーブルー cmyk

ネービーブルーに近い色 マンセル値

色見本	マンセル値 色名	RGB	CMYK	16進数	Yxy
	7.5PB 3/4	66,70,102	35,31,0,60	#424666	6.526,0.2554,0.2437

ネービーブルーに近いPCCSの色

色見本	PCCS TONE番号	PCCS No:HLS	色相番号	RGB	16進数
	dk20	20: v-2.0-5s	20	49,46,77	#312e4d

ネービーブルー 配色

ネービーブルーの各種配色パターンの
色見本やカラーコードの一覧です。

ネービーブルー 2色 配色 ダイアード(補色)

色見本	RGB	16進数
	51,60,94	#333C5E
	93,84,50	#5d5432

ネービーブルー 3色 配色 スプリットコンプリメンタリー(分裂補色)

色見本	RGB	16進数
	51,60,94	#333C5E
	93,62,50	#5d3e32
	81,93,50	#515d32

ネービーブルー 3色 配色 トライアド

色見本	RGB	16進数
	51,60,94	#333C5E
	93,50,59	#5d323b
	59,93,50	#3b5d32

ネービーブルー 4色 配色 テトラード

色見本	RGB	16進数
	51,60,94	#333C5E
	93,50,81	#5d3251
	93,84,50	#5d5432
	50,93,62	#325d3e

ネービーブルー 5色 配色 ペンタード

色見本	RGB	16進数
	51,60,94	#333C5E
	92,50,93	#5c325d
	93,58,50	#5d3a32
	76,93,50	#4c5d32
	50,93,75	#325d4b

ネービーブルー 6色 配色 ヘクサード

色見本	RGB	16進数
	51,60,94	#333C5E
	84,50,93	#54325d
	93,50,59	#5d323b
	93,84,50	#5d5432
	59,93,50	#3b5d32
	50,93,84	#325d54

ネービーブルー 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色

#312e4d

#14344e

#422944

#004252

#5d2d3f

#004542

#642a2e

#185138

#6f3826

#704b1a

#535617

#6b5e1b

配色 3 色

#312e4d

#14344e

#422944

#004252

#5d2d3f

#004542

#642a2e

#185138

#6f3826

#704b1a

#535617

#6b5e1b

ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色

#312e4d

#514d72

#52505e

#343472

#292830

#756f99

#4b488e

#474798

#716bb6

#8e87be

#9c95c1

#9c99a9

#b7b3cc

#c5c2d3

配色 3 色

#312e4d

#514d72

#52505e

#343472

#292830

#756f99

#4b488e

#474798

#716bb6

#8e87be

#9c95c1

#9c99a9

#b7b3cc

#c5c2d3

類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)

#004075

#00526f

#343472

#5a265f

#00625c

#811f4c

#006f3e

#9f1b34

#a53b1b

#717d00

#aa6600

#a48f00

類似トーン (d)

#514d72

#345474

#664768

#1f6578

#854c60

#1c7570

#9d5456

#418261

#a9634c

#a9783f

#85863c

#a18e40

類似トーン (dkg)

#242931

#292830

#273439

#2e272e

#3c2f33

#3d2f2f

#253634

#3d2f2b

#27362e

#463b30

#423c2d

#3e3d2d

対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (lt)

#9c95c1

#7e9dc3

#b48fb5

#71b1c7

#d995ac

#71c5be

#f59fa0

#8dd3ad

#ffb195

#ffc887

#d9d784

#f9e08a

対象トーン (ltg)

#9c99a9

#929caa

#a497a4

#95acb5

#b9a3aa

#bda2a2

#90aeab

#bda39a

#95afa0

#c7b3a0

#c0b69b

#bab89b

#333C5E トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す

#9c95c1

#9c99a9

フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2

#422944

pccs色相番号 -2

#14344e

ネービーブルー グラデーション

トーン グラデーション配色トーンを使った段階的に変化させる配色

#8e87be

#9c95c1

#756f99

色相 グラデーション配色色相を使った段階的に変化させる配色

#422944

#5d2d3f

#642a2e

#6f3826

#14344e

#004252

#004542

#185138

(ネービーブルーの色見本)

ネービーブルーに近い色見本 色番号ネービーブルーに似ているカラーコード一覧、jis慣用色名、Webカラー(X11の色名)などから色見本,rgb,16進数
Pantone(パントーン)、DICからは色見本のみを5つ載せています。
ネービーブルーに近い色 jis慣用色名

色見本	RGB	16進数	jis慣用色名 色名
	51,60,94	#333C5E	ネービーブルー
	56,60,87	#383C57	勝色
	61,73,107	#3D496B	プルシャンブルー
	32,50,78	#20324E	濃藍
	46,75,113	#2E4B71	藍色

ネービーブルーに近い色 Webカラー

色見本	RGB	16進数	Webカラー 色名
	47,79,79	#2F4F4F	DarkSlateGray
	72,61,139	#483D8B	DarkSlateBlue
	105,105,105	#696969	DimGray
	112,128,144	#708090	SlateGray
	70,130,180	#4682B4	SteelBlue

ネービーブルーに近い色 Pantone(パントーン)

色見本	Pantone(パントーン) 色名
	PANTONE534 C
	PANTONE533 C
	PANTONE302 C
	PANTONE2955 C
	PANTONE5275 C

ネービーブルーに近い色 DIC

色見本	DIC 色名
	DIC449
	DIC2397
	DIC435
	DIC434
	DIC433

ネービーブルーの補色(合う色)ネービーブルーの補色 色見本,rgb,16進数

色見本	RGB	16進数
	94,85,51	5E5533