#399EC3｜カラーサイト.com

#399EC3 の色情報

#399EC3

画像
HEX	#399EC3
RGB	R:57 G:158 B:195
RGBの割合	R:22.4% G:62.0% B:76.5%
HSV	H:196.1 S:70.8 V:76.5
HSL	H:196.1 S:54.8 L:49.4
CMY	C:77.6 M:38.0 Y:23.5

CMYK	C:70.8 M:19.0 Y:0.0 K:23.5
YCbCr	Y:129.4 Cb:159.2 Cr:81.0
XYZ	X:23.8 Y:29.3 Z:56.0
xyY	x:0.218 y:0.268 Y:29.3

CIE Lab	L:61.0 a:-17.0 b*:-27.5
CIE LCh	L:61.0 C:32.3 h:238.3
CIE Luv	L:61.0 u:-37.5 v*:-40.3
Hunter Lab	L:54.1 a:-16.3 b:-23.5

#399EC3 の色相別色一覧

#C33C39

#C35E39

#C38139

#C3A339

#C1C339

#9EC339

#7CC339

#59C339

#39C33C

#39C35E

#39C381

#39C3A3

#39C1C3

#399EC3

#397CC3

#3959C3

#3C39C3

#5E39C3

#8139C3

#A339C3

#C339C1

#C3399E

#C3397C

#C33959

#399EC3 の彩度別色一覧

#C2C3C3

#B8C0C3

#AEBDC3

#A4BBC3

#9BB8C3

#91B6C3

#87B3C3

#7DB0C3

#74AEC3

#6AABC3

#60A8C3

#56A6C3

#4DA3C3

#43A1C3

#399EC3

#2F9BC3

#2699C3

#1C96C3

#1294C3

#0891C3

#399EC3 の明度別色一覧

#010304

#050D11

#09181D

#0C222A

#102C37

#143744

#174150

#1B4B5D

#1F566A

#236077

#266A83

#2A7590

#2E7F9D

#3289AA

#3594B6

#399EC3

#3DA8D0

#40B3DD

#44BDE9

#48C7F6

#399EC3 を使ったトーンオントーン

#269EFA

#175B80

#399EC3

#08404F

#3B6E8C

#175170

#1E4047

#76E2FA

#399EC3

#147E8C

#15404D

#69B7E8

#11566E

#399EC3

#327C96

#399EC3 を使ったトーンイントーン

#8C53DA

#44C854

#D7B43D

#399EC3

#B44681

#AA3D4C

#399EC3

#42D250

#D2C52B

#772AB6

#D02C86

#D09A2E

#5F26BB

#399EC3

#34CB29

#399EC3 を使ったカマイユ

#3E98AF

#4CA3C6

#2684AA

#399EC3

#35AACB

#41AACB

#399EC3

#3BA5D2

#259FBE

#3798AF

#399EC3

#39ACDA

#227FAF

#4186AA

#3B9DBB

#399EC3 を使ったフォカマイユ

#399EC3

#228EA7

#54E2E7

#59CAD2

#5BCFE7

#2D9ABB

#399EC3

#4B97DA

#2F7ABB

#4CA7B9

#399EC3

#3B9C9F

#24CDDD

#4697CD

#4EA8E9

#399EC3 を使ったドミナントカラー

#8DA7B0

#8FB4C2

#399EC3

#2B85A6

#74AFC4

#65BFE0

#20BEF7

#84CDE8

#399EC3

#316578

#5B7680

#92C4D6

#399EC3

#57899C

#77D5F7

#399EC3 を使ったアイデンティティ

#587580

#399EC3

#127599

#315A69

#399EC3

#61C8ED

#15B3ED

#3B6D80

#399EC3

#399EC3 を使ったトライアド

#399EC3

#C3399E

#9EC339

#399EC3 を使ったスプリットコンプリメンタリー

#C38C39

#399EC3

#C33942

#399EC3 を使ったテトラード

#399EC3

#A339C3

#C35E39

#59C339

#399EC3 を使ったコントラスト

#399EC3

#C35E39

#399EC3

#9BB8C3

#399EC3

#1E5366

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

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

#399EC3

#399EC3 の色情報

#399EC3 の色相別色一覧

#399EC3 の彩度別色一覧

#399EC3 の明度別色一覧

#399EC3 を使ったトーンオントーン

#399EC3 を使ったトーンイントーン

#399EC3 を使ったカマイユ

#399EC3 を使ったフォカマイユ

#399EC3 を使ったドミナントカラー

#399EC3 を使ったアイデンティティ

#399EC3 を使ったトライアド

#399EC3 を使ったスプリットコンプリメンタリー

#399EC3 を使ったテトラード

#399EC3 を使ったコントラスト