#339AD3｜カラーサイト.com

#339AD3 の色情報

#339AD3

画像
HEX	#339AD3
RGB	R:51 G:154 B:211
RGBの割合	R:20.0% G:60.4% B:82.7%
HSV	H:201.4 S:75.8 V:82.7
HSL	H:201.4 S:64.5 L:51.4
CMY	C:80.0 M:39.6 Y:17.3

CMYK	C:75.8 M:27.0 Y:0.0 K:17.3
YCbCr	Y:127.4 Cb:168.3 Cr:78.7
XYZ	X:24.7 Y:28.5 Z:65.8
xyY	x:0.207 y:0.240 Y:28.5

CIE Lab	L:60.4 a:-10.1 b*:-37.5
CIE LCh	L:60.4 C:38.8 h:254.9
CIE Luv	L:60.4 u:-36.1 v*:-57.6
Hunter Lab	L:53.4 a:-11.0 b:-35.7

#339AD3 の色相別色一覧

#D34433

#D36C33

#D39433

#D3BC33

#C2D333

#9AD333

#72D333

#4AD333

#33D344

#33D36C

#33D394

#33D3BC

#33C2D3

#339AD3

#3372D3

#334AD3

#4433D3

#6C33D3

#9433D3

#BC33D3

#D333C2

#D3339A

#D33372

#D3334A

#339AD3 の彩度別色一覧

#D1D2D3

#C7CFD3

#BCCBD3

#B2C7D3

#A7C3D3

#9DC0D3

#92BCD3

#87B8D3

#7DB4D3

#72B1D3

#68ADD3

#5DA9D3

#53A5D3

#48A2D3

#3E9ED3

#339AD3

#2896D3

#1E92D3

#138FD3

#098BD3

#339AD3 の明度別色一覧

#020507

#050E14

#081821

#0B212D

#0E2A3A

#113447

#143D54

#174660

#1A506D

#1D597A

#216287

#246B93

#2775A0

#2A7EAD

#2D87BA

#3091C6

#339AD3

#36A3E0

#39ADED

#3CB6F9

#339AD3 を使ったトーンオントーン

#339AD3

#2F94F5

#22586E

#0C4052

#2589A1

#339AD3

#1A4E80

#23609E

#1499F5

#183547

#0D627D

#339AD3

#234B54

#4384B0

#105F99

#339AD3 を使ったトーンイントーン

#339AD3

#E72C70

#48CE42

#711DCE

#EAC128

#BCB340

#339AD3

#3ECE61

#7C27CE

#D03D68

#A22AD0

#D0243D

#2DD648

#A9BC1E

#339AD3

#339AD3 を使ったカマイユ

#4FAFE7

#2488BC

#2F9AC9

#3593BC

#339AD3

#4092BC

#4DBAE2

#298FE0

#339AD3

#3B9DD8

#3E9DDB

#4697CE

#217CBF

#339AD3

#3A9CD6

#339AD3 を使ったフォカマイユ

#1F79DB

#1DB8E0

#438BC4

#339AD3

#1068AD

#339AD3

#2687B2

#1B76CE

#2FBEE0

#269CF9

#49A7F2

#1B72B2

#2882F9

#17B5CB

#339AD3

#339AD3 を使ったドミナントカラー

#A9C3D1

#3984AD

#2C7EAB

#8E9CA3

#339AD3

#0E6B9E

#122733

#5A6D78

#339AD3

#133547

#282F33

#339AD3

#148BCC

#C8DCE8

#3D5969

#339AD3 を使ったトライアド

#339AD3

#D3339A

#9AD333

#339AD3 を使ったスプリットコンプリメンタリー

#D3A133

#339AD3

#D33733

#339AD3 を使ったテトラード

#339AD3

#BC33D3

#D36C33

#4AD333

#339AD3 を使ったコントラスト

#339AD3

#D36C33

#339AD3

#9DC0D3

#339AD3

#194A66

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

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

#339AD3

#339AD3 の色情報

#339AD3 の色相別色一覧

#339AD3 の彩度別色一覧

#339AD3 の明度別色一覧

#339AD3 を使ったトーンオントーン

#339AD3 を使ったトーンイントーン

#339AD3 を使ったカマイユ

#339AD3 を使ったフォカマイユ

#339AD3 を使ったドミナントカラー

#339AD3 を使ったトライアド

#339AD3 を使ったスプリットコンプリメンタリー

#339AD3 を使ったテトラード

#339AD3 を使ったコントラスト