#5A8AD2｜カラーサイト.com

#5A8AD2 の色情報

#5A8AD2

画像
HEX	#5A8AD2
RGB	R:90 G:138 B:210
RGBの割合	R:35.3% G:54.1% B:82.4%
HSV	H:216.0 S:57.1 V:82.4
HSL	H:216.0 S:57.1 L:58.8
CMY	C:64.7 M:45.9 Y:17.6

CMYK	C:57.1 M:34.3 Y:0.0 K:17.6
YCbCr	Y:129.3 Cb:166.7 Cr:101.8
XYZ	X:24.9 Y:25.0 Z:64.5
xyY	x:0.218 y:0.219 Y:25.0

CIE Lab	L:57.1 a:5.1 b*:-42.0
CIE LCh	L:57.1 C:42.3 h:276.9
CIE Luv	L:57.1 u:-22.2 v*:-66.1
Hunter Lab	L:50.0 a:1.5 b:-41.5

#5A8AD2 の色相別色一覧

#D2665A

#D2845A

#D2A25A

#D2C05A

#C6D25A

#A8D25A

#8AD25A

#6CD25A

#5AD266

#5AD284

#5AD2A2

#5AD2C0

#5AC6D2

#5AA8D2

#5A8AD2

#5A6CD2

#665AD2

#845AD2

#A25AD2

#C05AD2

#D25AC6

#D25AA8

#D25A8A

#D25A6C

#5A8AD2 の彩度別色一覧

#CECFD2

#C3C9D2

#B9C3D2

#AEBCD2

#A4B6D2

#99B0D2

#8FAAD2

#84A3D2

#7A9DD2

#6F97D2

#6590D2

#5A8AD2

#5084D2

#457DD2

#3B77D2

#3071D2

#266BD2

#1B64D2

#115ED2

#0658D2

#5A8AD2 の明度別色一覧

#030406

#080C13

#0E1520

#131D2C

#182539

#1E2E46

#233653

#293F5F

#2E476C

#344F79

#395886

#3F6092

#44689F

#4A71AC

#4F79B9

#5582C5

#5A8AD2

#5F92DF

#659BEC

#6AA3F8

#5A8AD2 を使ったトーンオントーン

#80C0F7

#1F3245

#3C5473

#5A8AD2

#3965A3

#2E6894

#648BB0

#5A8AD2

#214780

#313B52

#242D45

#5B79A3

#425378

#5A8AD2

#83C1F7

#5A8AD2 を使ったトーンイントーン

#C35168

#C5DA4E

#5A8AD2

#A051CA

#54D78A

#5A8AD2

#C552EC

#C3676C

#46C873

#CAC95D

#E6766A

#5A8AD2

#E05DE9

#3FC086

#AAC05A

#5A8AD2 を使ったカマイユ

#78B0EC

#71A3DF

#466EBE

#5A8AD2

#5694D7

#5C91E6

#749DE9

#75A4E1

#5A8AD2

#6796CF

#75ACE6

#5379CA

#4883CF

#5A8AD2

#5F88D5

#5A8AD2 を使ったフォカマイユ

#5F7FC3

#5A8AD2

#7497E4

#6986B9

#7489D7

#6EB4F1

#5A8AD2

#4888B9

#7FA7F1

#738CF1

#64B0DA

#5E9BCD

#7789CD

#5A8AD2

#487AB9

#5A8AD2 を使ったドミナントカラー

#5A8AD2

#1357BD

#737A85

#5F7AA3

#3E5C8A

#6E7B8F

#294875

#8DB5F2

#5A8AD2

#717780

#4F5A6B

#0C2C5C

#5A8AD2

#7592BD

#697587

#5A8AD2 を使ったアイデンティティ

#5A8AD2

#082D63

#2D5FA8

#50698F

#408CFF

#5A8AD2

#99C2FF

#16396E

#5A8AD2

#5A8AD2 を使ったトライアド

#5A8AD2

#D25A8A

#8AD25A

#5A8AD2 を使ったスプリットコンプリメンタリー

#D2CA5A

#5A8AD2

#D27A5A

#5A8AD2 を使ったテトラード

#5A8AD2

#D25AC6

#D2A25A

#5AD266

#5A8AD2 を使ったコントラスト

#5A8AD2

#D2A25A

#5A8AD2

#C3C9D2

#5A8AD2

#2C4366

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

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

#5A8AD2

#5A8AD2 の色情報

#5A8AD2 の色相別色一覧

#5A8AD2 の彩度別色一覧

#5A8AD2 の明度別色一覧

#5A8AD2 を使ったトーンオントーン

#5A8AD2 を使ったトーンイントーン

#5A8AD2 を使ったカマイユ

#5A8AD2 を使ったフォカマイユ

#5A8AD2 を使ったドミナントカラー

#5A8AD2 を使ったアイデンティティ

#5A8AD2 を使ったトライアド

#5A8AD2 を使ったスプリットコンプリメンタリー

#5A8AD2 を使ったテトラード

#5A8AD2 を使ったコントラスト