#306B9F｜カラーサイト.com

#306B9F の色情報

#306B9F

画像
HEX	#306B9F
RGB	R:48 G:107 B:159
RGBの割合	R:18.8% G:42.0% B:62.4%
HSV	H:208.1 S:69.8 V:62.4
HSL	H:208.1 S:53.6 L:40.6
CMY	C:81.2 M:58.0 Y:37.6

CMYK	C:69.8 M:32.7 Y:0.0 K:37.6
YCbCr	Y:97.8 Cb:159.6 Cr:98.4
XYZ	X:12.7 Y:13.6 Z:34.8
xyY	x:0.208 y:0.223 Y:13.6

CIE Lab	L:43.7 a:-1.6 b*:-33.7
CIE LCh	L:43.7 C:33.8 h:267.3
CIE Luv	L:43.7 u:-22.5 v*:-49.2
Hunter Lab	L:36.9 a:-3.1 b:-29.9

#306B9F の色相別色一覧

#9F4830

#9F6430

#9F8030

#9F9C30

#879F30

#6B9F30

#4F9F30

#349F30

#309F48

#309F64

#309F80

#309F9C

#30879F

#306B9F

#304F9F

#30349F

#48309F

#64309F

#80309F

#9C309F

#9F3087

#9F306B

#9F304F

#9F3034

#306B9F の彩度別色一覧

#979B9F

#8F989F

#87949F

#80909F

#788D9F

#70899F

#68859F

#60819F

#587E9F

#507A9F

#48769F

#40729F

#386F9F

#306B9F

#28679F

#20649F

#18609F

#105C9F

#08589F

#00559F

#306B9F の明度別色一覧

#020406

#060D13

#0A1520

#0D1E2C

#112639

#152F46

#193853

#1D405F

#21496C

#245179

#285A86

#2C6292

#306B9F

#3474AC

#387CB9

#3C85C5

#3F8DD2

#4396DF

#479EEC

#4BA7F8

#306B9F を使ったトーンオントーン

#3A83FA

#1F3E75

#306B9F

#1F2F45

#4974BF

#6099BF

#3D81E8

#263D52

#103E80

#306B9F

#1786D1

#273B52

#306B9F

#145173

#73B9E6

#306B9F を使ったトーンイントーン

#86882A

#28B65D

#9C2E33

#306B9F

#863597

#B3B241

#306B9F

#74369A

#1E8623

#AC2D44

#41A77E

#9A2F2D

#306B9F

#8838B3

#688624

#306B9F を使ったカマイユ

#3B699A

#306B9F

#2F6597

#265186

#3280B1

#306B9F

#2A64A7

#1F5592

#4181A9

#246A9C

#346FB3

#326197

#3E79A7

#2A73AC

#306B9F

#306B9F を使ったフォカマイユ

#306B9F

#4A92A7

#3F6DC3

#4268AC

#4075C0

#4B6FA9

#306B9F

#4E81C3

#23497B

#3E87BB

#306B9F

#3C5386

#3165AE

#2A68AE

#345F8B

#306B9F を使ったドミナントカラー

#366A99

#162D42

#3477B3

#3F5466

#306B9F

#A0D0FA

#899BAB

#CADBEB

#1F2B36

#306B9F

#184873

#2D4459

#72B1E8

#306B9F

#012545

#306B9F を使ったアイデンティティ

#10497A

#77BEFC

#306B9F

#486178

#306B9F

#267BC7

#306B9F

#ACD6FA

#325370

#306B9F を使ったトライアド

#306B9F

#9F306B

#6B9F30

#306B9F を使ったスプリットコンプリメンタリー

#9F8930

#306B9F

#9F3F30

#306B9F を使ったテトラード

#306B9F

#9C309F

#9F6430

#349F30

#306B9F を使ったコントラスト

#306B9F

#9F6430

#306B9F

#80909F

#306B9F

#4DACFF

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

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

#306B9F

#306B9F の色情報

#306B9F の色相別色一覧

#306B9F の彩度別色一覧

#306B9F の明度別色一覧

#306B9F を使ったトーンオントーン

#306B9F を使ったトーンイントーン

#306B9F を使ったカマイユ

#306B9F を使ったフォカマイユ

#306B9F を使ったドミナントカラー

#306B9F を使ったアイデンティティ

#306B9F を使ったトライアド

#306B9F を使ったスプリットコンプリメンタリー

#306B9F を使ったテトラード

#306B9F を使ったコントラスト