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

#3F89E2 の色情報

#3F89E2

画像
HEX	#3F89E2
RGB	R:63 G:137 B:226
RGBの割合	R:24.7% G:53.7% B:88.6%
HSV	H:212.8 S:72.1 V:88.6
HSL	H:212.8 S:73.8 L:56.7
CMY	C:75.3 M:46.3 Y:11.4

CMYK	C:72.1 M:39.4 Y:0.0 K:11.4
YCbCr	Y:123.4 Cb:178.0 Cr:89.2
XYZ	X:24.7 Y:24.4 Z:75.4
xyY	x:0.199 y:0.196 Y:24.4

CIE Lab	L:56.5 a:6.6 b*:-51.9
CIE LCh	L:56.5 C:52.3 h:277.2
CIE Luv	L:56.5 u:-27.8 v*:-82.3
Hunter Lab	L:49.4 a:2.8 b:-55.8

#3F89E2 の色相別色一覧

#E2473F

#E26F3F

#E2983F

#E2C13F

#DBE23F

#B2E23F

#89E23F

#60E23F

#3FE247

#3FE26F

#3FE298

#3FE2C1

#3FDBE2

#3FB2E2

#3F89E2

#3F60E2

#473FE2

#6F3FE2

#983FE2

#C13FE2

#E23FDB

#E23FB2

#E23F89

#E23F60

#3F89E2 の彩度別色一覧

#DDDFE2

#D2D9E2

#C7D3E2

#BBCDE2

#B0C7E2

#A5C1E2

#99BAE2

#8EB4E2

#83AEE2

#78A8E2

#6CA2E2

#619CE2

#5695E2

#4A8FE2

#3F89E2

#3483E2

#287DE2

#1D76E2

#1270E2

#076AE2

#3F89E2 の明度別色一覧

#030609

#060D16

#0A1523

#0D1D30

#11253C

#142C49

#183456

#1B3C63

#1F436F

#234B7C

#265389

#2A5B96

#2D62A2

#316AAF

#3472BC

#387AC9

#3B81D5

#3F89E2

#4391EF

#4698FC

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

#3473A3

#354E73

#226FBF

#071F45

#3F89E2

#1D619C

#3B617A

#3F89E2

#103754

#395EBA

#3F89E2

#3F82BF

#134B96

#23314A

#153C73

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

#3CF19C

#DF312F

#CA56EF

#B8D049

#3F89E2

#B64EE7

#D84969

#56F66B

#3F89E2

#D0C725

#A729E7

#27D86D

#DA2E2B

#B7DF3A

#3F89E2

#3F89E2 を使ったカマイユ

#3BA0F6

#579FF1

#3F89E2

#2E78CB

#4C88EF

#3B7ACB

#53A0F6

#4681CE

#357BCB

#3F89E2

#548AE5

#589AEF

#4C80CE

#5EB1F9

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

#3EAFEF

#2956E7

#3F89E2

#6DBEFF

#4C8EFF

#2E6EDA

#4B8BF1

#429ADD

#3F89E2

#378FD5

#298DC6

#2167C6

#3F89E2

#2661BE

#517BFF

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

#08448C

#3F89E2

#AAC4E3

#7491B5

#3B597D

#2C517D

#C8D2DE

#1D2E42

#3475C2

#3F89E2

#295A96

#3F89E2

#2F62A1

#4372AB

#4C688A

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

#1857A3

#405D80

#3F89E2

#0D3F7A

#3F89E2

#51749E

#0F3E75

#57779E

#3F89E2

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

#3F89E2

#E23F89

#89E23F

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

#E2CE3F

#3F89E2

#E2623F

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

#3F89E2

#E23FDB

#E2983F

#3FE247

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

#3F89E2

#E2983F

#3F89E2

#B0C7E2

#3F89E2

#1C3E66

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

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

#3F89E2

#3F89E2 の色情報

#3F89E2 の色相別色一覧

#3F89E2 の彩度別色一覧

#3F89E2 の明度別色一覧

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

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

#3F89E2 を使ったカマイユ

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

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

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

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

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

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

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