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

#3AB2F9 の色情報

#3AB2F9

画像
HEX	#3AB2F9
RGB	R:58 G:178 B:249
RGBの割合	R:22.7% G:69.8% B:97.6%
HSV	H:202.3 S:76.7 V:97.6
HSL	H:202.3 S:94.1 L:60.2
CMY	C:77.3 M:30.2 Y:2.4

CMYK	C:76.7 M:28.5 Y:0.0 K:2.4
YCbCr	Y:145.0 Cb:176.9 Cr:70.3
XYZ	X:34.8 Y:39.6 Z:95.4
xyY	x:0.205 y:0.233 Y:39.6

CIE Lab	L:69.2 a:-9.5 b*:-44.6
CIE LCh	L:69.2 C:45.6 h:257.9
CIE Luv	L:69.2 u:-41.3 v*:-70.9
Hunter Lab	L:62.9 a:-11.5 b:-45.9

#3AB2F9 の色相別色一覧

#F9513A

#F9813A

#F9B13A

#F9E13A

#E2F93A

#B2F93A

#82F93A

#53F93A

#3AF951

#3AF981

#3AF9B1

#3AF9E1

#3AE2F9

#3AB2F9

#3A82F9

#3A53F9

#513AF9

#813AF9

#B13AF9

#E13AF9

#F93AE2

#F93AB2

#F93A82

#F93A53

#3AB2F9 の彩度別色一覧

#F5F7F9

#E8F3F9

#DCEEF9

#CFEAF9

#C3E5F9

#B7E0F9

#AADCF9

#9ED7F9

#91D2F9

#85CEF9

#78C9F9

#6CC5F9

#5FC0F9

#53BBF9

#46B7F9

#3AB2F9

#2EADF9

#21A9F9

#15A4F9

#089FF9

#3AB2F9 の明度別色一覧

#020507

#050E14

#081720

#0A202D

#0D293A

#103247

#133C53

#164560

#194E6D

#1C577A

#1F6086

#226993

#2572A0

#287BAD

#2B84B9

#2E8EC6

#3197D3

#34A0E0

#37A9EC

#3AB2F9

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

#2971BF

#11354F

#185CAB

#3AB2F9

#04567D

#307FBD

#3AB2F9

#1B436B

#0D2A4D

#136DAB

#10659C

#3884B8

#06304D

#3AB2F9

#145D75

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

#A33CF6

#3AB2F9

#3EF658

#FC3861

#EEEF22

#FF3E7D

#3AB2F9

#A42DF6

#25EF47

#FEF939

#F42089

#27FF28

#3AB2F9

#FFCC48

#9647F4

#3AB2F9 を使ったカマイユ

#4DB6FE

#4BC8FF

#4BC5FF

#3AB2F9

#3B9AEA

#23B1F4

#2FAFE7

#40A8FF

#46AEFF

#3AB2F9

#2A9EFF

#34BAFF

#2C92E2

#31ADF1

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

#29A5D3

#3EBFF4

#2B9EEC

#3AB2F9

#4C98F1

#3AB2F9

#40C6F4

#40A2FF

#1FD5FF

#43C6FF

#2D87DD

#1ADFFF

#3AB2F9

#4AA8D8

#40A2FF

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

#3AB2F9

#7AAFCF

#5B6A73

#4C585E

#3F98CC

#3799D4

#3AB2F9

#00253B

#366885

#8AB7D1

#3085B8

#3AB2F9

#A9BCC7

#7B96A6

#3F9BD1

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

#0D8DD9

#3AB2F9

#394F5C

#3AB2F9

#779EB5

#346480

#5083A1

#0B4F78

#3AB2F9

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

#3AB2F9

#F93AB2

#B2F93A

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

#F9C13A

#3AB2F9

#F9413A

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

#3AB2F9

#E13AF9

#F9813A

#53F93A

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

#3AB2F9

#F9813A

#3AB2F9

#B7E0F9

#3AB2F9

#184966

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

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

#3AB2F9

#3AB2F9 の色情報

#3AB2F9 の色相別色一覧

#3AB2F9 の彩度別色一覧

#3AB2F9 の明度別色一覧

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

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

#3AB2F9 を使ったカマイユ

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

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

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

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

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

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

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