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

#5AA3E2 の色情報

#5AA3E2

画像
HEX	#5AA3E2
RGB	R:90 G:163 B:226
RGBの割合	R:35.3% G:63.9% B:88.6%
HSV	H:207.8 S:60.2 V:88.6
HSL	H:207.8 S:70.1 L:62.0
CMY	C:64.7 M:36.1 Y:11.4

CMYK	C:60.2 M:27.9 Y:0.0 K:11.4
YCbCr	Y:143.4 Cb:166.5 Cr:91.5
XYZ	X:31.0 Y:33.9 Z:76.9
xyY	x:0.219 y:0.239 Y:33.9

CIE Lab	L:64.8 a:-4.2 b*:-38.7
CIE LCh	L:64.8 C:38.9 h:263.8
CIE Luv	L:64.8 u:-30.8 v*:-60.9
Hunter Lab	L:58.2 a:-6.6 b:-37.6

#5AA3E2 の色相別色一覧

#E2775A

#E2995A

#E2BB5A

#E2DD5A

#C5E25A

#A3E25A

#81E25A

#5FE25A

#5AE277

#5AE299

#5AE2BB

#5AE2DD

#5AC5E2

#5AA3E2

#5A81E2

#5A5FE2

#775AE2

#995AE2

#BB5AE2

#DD5AE2

#E25AC5

#E25AA3

#E25A81

#E25A5F

#5AA3E2 の彩度別色一覧

#E2E2E2

#D6DDE2

#CBD7E2

#C0D2E2

#B4CDE2

#A9C8E2

#9EC2E2

#93BDE2

#87B8E2

#7CB3E2

#71ADE2

#65A8E2

#5AA3E2

#4F9EE2

#4399E2

#3893E2

#2D8EE2

#2289E2

#1684E2

#0B7EE2

#5AA3E2 の明度別色一覧

#040709

#091016

#0E1923

#132230

#182B3C

#1D3549

#223E56

#274763

#2C506F

#31597C

#366389

#3C6C96

#4175A2

#467EAF

#4B87BC

#5091C9

#559AD5

#5AA3E2

#5FACEF

#64B5FC

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

#102F4D

#5071A3

#5AA3E2

#1B6280

#538ABD

#4C799E

#2C4C7A

#5AA3E2

#7098C2

#324854

#5084B8

#5AA3E2

#1A3359

#367AA3

#3A4D6E

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

#5AA3E2

#F2F961

#DD444C

#D24AF1

#63EC8C

#D56486

#5AA3E2

#BC6BE5

#EAC962

#4CDA5A

#5AA3E2

#EC6A75

#C8E755

#6BE59B

#AD55CB

#5AA3E2 を使ったカマイユ

#468ACE

#53B3FC

#5FAAF4

#5DBAF6

#5AA3E2

#449DE5

#68BAF4

#68A6EC

#5294C9

#78BDF1

#5AA3E2

#5490D8

#4B94D0

#6096C9

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

#5AA3E2

#348FD0

#479FBC

#4295EC

#84D6FF

#5B89F1

#5AA3E2

#68B3EC

#36AAD3

#3090BC

#5AA3E2

#478CBC

#7AACEC

#4590DA

#7CBBFE

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

#C5D7E6

#5AA3E2

#86A6C2

#62819C

#264D6E

#094273

#5AA3E2

#83C4FC

#404447

#04335C

#6286A6

#5AA3E2

#BBC3C9

#295A85

#2F3236

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

#3273AB

#143C5E

#5AA3E2

#0A4980

#7D9AB3

#163E61

#6E97BA

#5AA3E2

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

#5AA3E2

#E25AA3

#A3E25A

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

#E2C65A

#5AA3E2

#E26C5A

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

#5AA3E2

#DD5AE2

#E2995A

#5FE25A

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

#5AA3E2

#E2995A

#5AA3E2

#CBD7E2

#5AA3E2

#294A66

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

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

#5AA3E2

#5AA3E2 の色情報

#5AA3E2 の色相別色一覧

#5AA3E2 の彩度別色一覧

#5AA3E2 の明度別色一覧

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

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

#5AA3E2 を使ったカマイユ

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

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

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

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

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

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

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