#649EB2｜カラーサイト.com

#649EB2 の色情報

#649EB2

画像
HEX	#649EB2
RGB	R:100 G:158 B:178
RGBの割合	R:39.2% G:62.0% B:69.8%
HSV	H:195.4 S:43.8 V:69.8
HSL	H:195.4 S:33.6 L:54.5
CMY	C:60.8 M:38.0 Y:30.2

CMYK	C:43.8 M:11.2 Y:0.0 K:30.2
YCbCr	Y:138.8 Cb:145.4 Cr:101.1
XYZ	X:25.5 Y:30.4 Z:46.6
xyY	x:0.249 y:0.296 Y:30.4

CIE Lab	L:62.0 a:-13.6 b*:-16.3
CIE LCh	L:62.0 C:21.2 h:230.3
CIE Luv	L:62.0 u:-27.1 v*:-22.7
Hunter Lab	L:55.1 a:-13.8 b:-11.6

#649EB2 の色相別色一覧

#B26564

#B27864

#B28C64

#B29F64

#B2B264

#9EB264

#8BB264

#77B264

#64B265

#64B278

#64B28C

#64B29F

#64B2B2

#649EB2

#648BB2

#6477B2

#6564B2

#7864B2

#8C64B2

#9F64B2

#B264B2

#B2649E

#B2648B

#B26477

#649EB2 の彩度別色一覧

#ABB0B2

#A2AEB2

#99ACB2

#91A9B2

#88A7B2

#7FA5B2

#76A3B2

#6DA0B2

#649EB2

#5B9CB2

#5299B2

#4997B2

#4095B2

#3893B2

#2F90B2

#268EB2

#1D8CB2

#1489B2

#0B87B2

#0285B2

#649EB2 の明度別色一覧

#070B0C

#0E1619

#152226

#1C2D33

#24383F

#2B434C

#324F59

#395A66

#406572

#47717F

#4F7C8C

#568799

#5D93A5

#649EB2

#6BA9BF

#72B5CC

#79C0D8

#81CBE5

#88D7F2

#8FE2FF

#649EB2 を使ったトーンオントーン

#75CDE6

#92BCD6

#285369

#649EB2

#2A444A

#649EB2

#253D4F

#3C6E78

#91BACF

#86D5E6

#516C75

#ABCCE3

#6BBDD6

#649EB2

#28404F

#649EB2 を使ったトーンイントーン

#99945A

#649EB2

#AF6F78

#754699

#59BA68

#B76B90

#649EB2

#7355B7

#4E9952

#BCAF77

#73549B

#CC6E87

#A5A565

#65C180

#649EB2

#649EB2 を使ったカマイユ

#7BB2C6

#7FB1CC

#70AEC1

#4F91A0

#649EB2

#51849B

#5596AA

#649EB2

#6AA9BA

#6BA0B7

#83BACC

#649EB2

#83B8C9

#629BB5

#76A1B7

#649EB2 を使ったフォカマイユ

#5894C6

#6590A3

#649EB2

#6999C1

#5CA2BF

#4B89A5

#649EB2

#5A8E8E

#5FAFC1

#71ACAD

#688FA3

#649EB2

#5DB1C9

#5F98BA

#4B86A3

#649EB2 を使ったドミナントカラー

#22363D

#0098CC

#649EB2

#4DC2EB

#757F82

#3E5A63

#1984A8

#C5DFE8

#508191

#649EB2

#0B3E4F

#215A6E

#9EA9AD

#15B6ED

#649EB2 を使ったトライアド

#649EB2

#B2649E

#9EB264

#649EB2 を使ったスプリットコンプリメンタリー

#B29264

#649EB2

#B2646A

#649EB2 を使ったテトラード

#649EB2

#9F64B2

#B27864

#77B264

#649EB2 を使ったコントラスト

#649EB2

#B27864

#649EB2

#0B87B2

#649EB2

#8FE2FF

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

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

#649EB2

#649EB2 の色情報

#649EB2 の色相別色一覧

#649EB2 の彩度別色一覧

#649EB2 の明度別色一覧

#649EB2 を使ったトーンオントーン

#649EB2 を使ったトーンイントーン

#649EB2 を使ったカマイユ

#649EB2 を使ったフォカマイユ

#649EB2 を使ったドミナントカラー

#649EB2 を使ったトライアド

#649EB2 を使ったスプリットコンプリメンタリー

#649EB2 を使ったテトラード

#649EB2 を使ったコントラスト