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

#3A99B2 の色情報

#3A99B2

画像
HEX	#3A99B2
RGB	R:58 G:153 B:178
RGBの割合	R:22.7% G:60.0% B:69.8%
HSV	H:192.5 S:67.4 V:69.8
HSL	H:192.5 S:50.8 L:46.3
CMY	C:77.3 M:40.0 Y:30.2

CMYK	C:67.4 M:14.0 Y:0.0 K:30.2
YCbCr	Y:125.5 Cb:153.0 Cr:84.5
XYZ	X:21.2 Y:26.9 Z:46.2
xyY	x:0.225 y:0.285 Y:26.9

CIE Lab	L:58.9 a:-19.7 b*:-21.2
CIE LCh	L:58.9 C:28.9 h:227.1
CIE Luv	L:58.9 u:-36.4 v*:-29.5
Hunter Lab	L:51.9 a:-17.9 b:-16.5

#3A99B2 の色相別色一覧

#B2533A

#B2713A

#B28F3A

#B2AD3A

#99B23A

#7BB23A

#5DB23A

#3FB23A

#3AB253

#3AB271

#3AB28F

#3AB2AD

#3A99B2

#3A7BB2

#3A5DB2

#3A3FB2

#533AB2

#713AB2

#8F3AB2

#AD3AB2

#B23A99

#B23A7B

#B23A5D

#B23A3F

#3A99B2 の彩度別色一覧

#AEB1B2

#A5AFB2

#9CADB2

#93ACB2

#8AAAB2

#81A8B2

#78A6B2

#6FA4B2

#67A2B2

#5EA0B2

#559FB2

#4C9DB2

#439BB2

#3A99B2

#3197B2

#2895B2

#1F93B2

#1692B2

#0E90B2

#058EB2

#3A99B2 の明度別色一覧

#040B0C

#081519

#0C2026

#102B33

#15363F

#19414C

#1D4C59

#215766

#256272

#296D7F

#2E788C

#328399

#368EA5

#3A99B2

#3EA4BF

#42AFCC

#46BAD8

#4BC5E5

#4FD0F2

#53DBFF

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

#6CE1F2

#3A99B2

#67B2D4

#365B69

#22434F

#143745

#376675

#3CD8EB

#439194

#3A99B2

#4AD0E3

#2B5769

#284D57

#3A99B2

#1AA5D1

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

#3A99B2

#51BA39

#CC8736

#CC4A8E

#522DC6

#3A99B2

#7040B5

#AA4267

#54BA4B

#997727

#A53451

#48B758

#3A99B2

#C6B73D

#723EAA

#3A99B2 を使ったカマイユ

#488FAD

#3A99B2

#2FA2B7

#369AAA

#2F8699

#3A99B2

#4DB7C6

#378EAD

#299AAF

#4AA0C4

#4188A0

#3A9FB7

#3A99B2

#3AACBF

#40879B

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

#288C88

#307EBC

#3A99B2

#396B8C

#32D3D2

#1E73AD

#29A4A5

#3A99B2

#27A8C6

#339EB7

#3CB7C4

#1C7E8E

#4C96CC

#29D3CF

#3A99B2

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

#1886A3

#84B1BD

#3A99B2

#0D3742

#98C7D4

#43BAD9

#C2F0FC

#3A99B2

#029EC7

#6F8C94

#3A99B2

#58676B

#375057

#C7E3EB

#2C91AB

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

#165769

#3A99B2

#91DEF2

#435D63

#3A99B2

#25C9F5

#3A99B2

#355259

#17BAE6

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

#3A99B2

#B23A99

#99B23A

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

#B27B3A

#3A99B2

#B23A49

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

#3A99B2

#8F3AB2

#B2533A

#5DB23A

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

#3A99B2

#B2533A

#3A99B2

#93ACB2

#3A99B2

#53DBFF

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

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

#3A99B2

#3A99B2 の色情報

#3A99B2 の色相別色一覧

#3A99B2 の彩度別色一覧

#3A99B2 の明度別色一覧

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

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

#3A99B2 を使ったカマイユ

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

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

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

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

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

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

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