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

#3F98A2 の色情報

#3F98A2

画像
HEX	#3F98A2
RGB	R:63 G:152 B:162
RGBの割合	R:24.7% G:59.6% B:63.5%
HSV	H:186.1 S:61.1 V:63.5
HSL	H:186.1 S:44.0 L:44.1
CMY	C:75.3 M:40.4 Y:36.5

CMYK	C:61.1 M:6.2 Y:0.0 K:36.5
YCbCr	Y:124.7 Cb:145.6 Cr:88.2
XYZ	X:19.8 Y:26.1 Z:38.2
xyY	x:0.235 y:0.311 Y:26.1

CIE Lab	L:58.2 a:-23.2 b*:-13.2
CIE LCh	L:58.2 C:26.7 h:209.6
CIE Luv	L:58.2 u:-35.9 v*:-16.3
Hunter Lab	L:51.1 a:-20.3 b:-8.5

#3F98A2 の色相別色一覧

#A2493F

#A2623F

#A27B3F

#A2933F

#98A23F

#7FA23F

#67A23F

#4EA23F

#3FA249

#3FA262

#3FA27B

#3FA293

#3F98A2

#3F7FA2

#3F67A2

#3F4EA2

#493FA2

#623FA2

#7B3FA2

#933FA2

#A23F98

#A23F7F

#A23F67

#A23F4E

#3F98A2 の彩度別色一覧

#A0A2A2

#98A1A2

#90A0A2

#889FA2

#809FA2

#789EA2

#709DA2

#689CA2

#5F9BA2

#579AA2

#4F9AA2

#4799A2

#3F98A2

#3797A2

#2F96A2

#2796A2

#1F95A2

#1794A2

#0E93A2

#0692A2

#3F98A2 の明度別色一覧

#030809

#081416

#0D2023

#122C2F

#17383C

#1C4449

#215056

#265C62

#2B686F

#30747C

#358089

#3A8C95

#3F98A2

#44A4AF

#49B0BC

#4EBCC8

#53C8D5

#58D4E2

#5DE0EF

#62ECFB

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

#305C59

#3D6E7D

#83D6EB

#65D0D4

#3F98A2

#50B7D4

#145569

#3F98A2

#2A4D59

#5AE4FA

#37F2F2

#186E6E

#3F98A2

#26B5BF

#0F4A48

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

#4A9D2F

#6451AA

#A77E52

#3F98A2

#AF3D89

#3F98A2

#98324B

#36B46A

#6432AF

#899039

#3F98A2

#573189

#30934E

#9D994D

#AF3960

#3F98A2 を使ったカマイユ

#2A7B8B

#32A3A7

#2D909D

#3F98A2

#3C8A90

#53B2B9

#488793

#49949F

#3F98A2

#42919D

#3F98A2

#3AABB1

#35A3A7

#4CA6AA

#2D979A

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

#57A3A7

#55A6B1

#3F98A2

#3AA7A4

#2A7A95

#3B707C

#3E837F

#3F98A2

#498E90

#3AB1C3

#268289

#3CA6AC

#3F98A2

#217E70

#2EB9A4

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

#03636E

#33737A

#2AB7C7

#3F98A2

#3CBBC9

#3F98A2

#0F646E

#50C6D4

#36737A

#97E7F0

#2FBCCC

#8DACB0

#71E3F0

#B6CACC

#3F98A2

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

#016773

#7FD9E3

#3F98A2

#71B7BF

#3F98A2

#19CCE0

#00707D

#88F1FC

#3F98A2

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

#3F98A2

#A23F98

#98A23F

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

#A26A3F

#3F98A2

#A23F56

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

#3F98A2

#7B3FA2

#A2493F

#67A23F

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

#3F98A2

#A2493F

#3F98A2

#90A0A2

#3F98A2

#63EFFF

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

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

#3F98A2

#3F98A2 の色情報

#3F98A2 の色相別色一覧

#3F98A2 の彩度別色一覧

#3F98A2 の明度別色一覧

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

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

#3F98A2 を使ったカマイユ

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

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

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

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

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

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

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