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

#3A98B2 の色情報

#3A98B2

画像
HEX	#3A98B2
RGB	R:58 G:152 B:178
RGBの割合	R:22.7% G:59.6% B:69.8%
HSV	H:193.0 S:67.4 V:69.8
HSL	H:193.0 S:50.8 L:46.3
CMY	C:77.3 M:40.4 Y:30.2

CMYK	C:67.4 M:14.6 Y:0.0 K:30.2
YCbCr	Y:125.0 Cb:153.3 Cr:84.9
XYZ	X:21.0 Y:26.6 Z:46.1
xyY	x:0.224 y:0.283 Y:26.6

CIE Lab	L:58.6 a:-19.1 b*:-21.7
CIE LCh	L:58.6 C:28.9 h:228.5
CIE Luv	L:58.6 u:-36.0 v*:-30.3
Hunter Lab	L:51.5 a:-17.5 b:-17.0

#3A98B2 の色相別色一覧

#B2543A

#B2723A

#B2903A

#B2AE3A

#98B23A

#7AB23A

#5CB23A

#3EB23A

#3AB254

#3AB272

#3AB290

#3AB2AE

#3A98B2

#3A7AB2

#3A5CB2

#3A3EB2

#543AB2

#723AB2

#903AB2

#AE3AB2

#B23A98

#B23A7A

#B23A5C

#B23A3E

#3A98B2 の彩度別色一覧

#AEB1B2

#A5AFB2

#9CADB2

#93ABB2

#8AA9B2

#81A7B2

#78A5B2

#6FA4B2

#67A2B2

#5EA0B2

#559EB2

#4C9CB2

#439AB2

#3A98B2

#3196B2

#2894B2

#1F92B2

#1690B2

#0E8EB2

#058CB2

#3A98B2 の明度別色一覧

#040A0C

#081519

#0C2026

#102B33

#15363F

#19414C

#1D4C59

#215766

#256272

#296C7F

#2E778C

#328299

#368DA5

#3A98B2

#3EA3BF

#42AECC

#46B9D8

#4BC4E5

#4FCEF2

#53D9FF

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

#0F566E

#13515C

#3A98B2

#4E8596

#5CC7F5

#4B8B8F

#154D6B

#3A98B2

#224A54

#2FD4E3

#3F7791

#3A7480

#3A98B2

#46C0E6

#214652

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

#9B3468

#CCAA44

#53A53C

#603FA0

#3A98B2

#4A2999

#3A98B2

#50C139

#B79C2F

#A02959

#33AD4E

#A03954

#3A98B2

#B7B13D

#8545C9

#3A98B2 を使ったカマイユ

#3D98AF

#3A98B2

#469DBA

#3C94A8

#3C85A0

#3385A8

#3D97B5

#3AAFC4

#3A98B2

#4AA7BF

#277A99

#3A98B2

#438DAD

#3092A3

#2C8899

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

#2A82A3

#3A98B2

#3489B7

#43939E

#458B91

#5ED6D8

#3A98B2

#5A9EC9

#407193

#2D6993

#5CBFD8

#5BC2C4

#3A98B2

#2797C6

#53AFD1

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

#3A98B2

#859599

#11728C

#386A78

#70949E

#3A98B2

#3E798A

#075F78

#0B4657

#2E4C54

#00C6FC

#506D75

#5B96A6

#3A98B2

#438EA3

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

#3A98B2

#B23A98

#98B23A

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

#B27C3A

#3A98B2

#B23A48

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

#3A98B2

#903AB2

#B2543A

#5CB23A

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

#3A98B2

#B2543A

#3A98B2

#93ABB2

#3A98B2

#53DAFF

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

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

#3A98B2

#3A98B2 の色情報

#3A98B2 の色相別色一覧

#3A98B2 の彩度別色一覧

#3A98B2 の明度別色一覧

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

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

#3A98B2 を使ったカマイユ

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

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

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

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

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

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