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

#5AA2D0 の色情報

#5AA2D0

画像
HEX	#5AA2D0
RGB	R:90 G:162 B:208
RGBの割合	R:35.3% G:63.5% B:81.6%
HSV	H:203.4 S:56.7 V:81.6
HSL	H:203.4 S:55.7 L:58.4
CMY	C:64.7 M:36.5 Y:18.4

CMYK	C:56.7 M:22.1 Y:0.0 K:18.4
YCbCr	Y:141.2 Cb:158.8 Cr:93.1
XYZ	X:28.5 Y:32.6 Z:64.5
xyY	x:0.227 y:0.259 Y:32.6

CIE Lab	L:63.8 a:-9.3 b*:-30.3
CIE LCh	L:63.8 C:31.7 h:253.0
CIE Luv	L:63.8 u:-31.0 v*:-46.2
Hunter Lab	L:57.1 a:-10.7 b:-27.0

#5AA2D0 の色相別色一覧

#D06B5A

#D0885A

#D0A65A

#D0C35A

#C0D05A

#A2D05A

#85D05A

#67D05A

#5AD06B

#5AD088

#5AD0A6

#5AD0C3

#5AC0D0

#5AA2D0

#5A85D0

#5A67D0

#6B5AD0

#885AD0

#A65AD0

#C35AD0

#D05AC0

#D05AA2

#D05A85

#D05A67

#5AA2D0 の彩度別色一覧

#CCCFD0

#C2CBD0

#B8C6D0

#ADC2D0

#A3BED0

#98BAD0

#8EB6D0

#84B2D0

#79AED0

#6FAAD0

#64A6D0

#5AA2D0

#509ED0

#459AD0

#3B96D0

#3092D0

#268ED0

#1C8AD0

#1186D0

#0782D0

#5AA2D0 の明度別色一覧

#020304

#070D11

#0D171E

#12212A

#182B37

#1D3544

#233F51

#28495D

#2E536A

#335C77

#396684

#3E7090

#447A9D

#4984AA

#4F8EB7

#5498C3

#5AA2D0

#60ACDD

#65B6EA

#6BC0F6

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

#304C54

#587B91

#5AA2D0

#81C5F7

#314E69

#324D6E

#5C7E91

#6EC6ED

#5AA2D0

#2B3F4F

#2B6C99

#5AA2D0

#56A5F5

#37597D

#1B4452

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

#43BE58

#AE61E4

#DD6D86

#5AA2D0

#DEEA6A

#DA497F

#71EA78

#D3B770

#5AA2D0

#B075EA

#D5587F

#BFC358

#63C878

#5AA2D0

#8D56B7

#5AA2D0 を使ったカマイユ

#448DCB

#5AA2D0

#619CBE

#72BEDF

#61AAD3

#46A0CD

#5AA2D0

#50ACD8

#63A4C6

#54A4E7

#5AA2D0

#60A0C3

#67B3D5

#5693C3

#4390C8

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

#3264B1

#4883AF

#5F7DAF

#5CB7C6

#5AA2D0

#3982BC

#66A9B9

#51A3E4

#65A9F4

#5AA2D0

#41BCDF

#8FDFF6

#6EC2DF

#88E5F6

#5AA2D0

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

#429BD4

#56AFE8

#2A3033

#5AA2D0

#46A4E0

#5AA2D0

#2B87C2

#1D6DA1

#355163

#165680

#5AA2D0

#1E85C7

#75828A

#C6E4F7

#86B4D1

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

#1476B5

#5AA2D0

#435A69

#5AA2D0

#2B719E

#09507D

#5AA2D0

#8AC5EB

#15405C

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

#5AA2D0

#D05AA2

#A2D05A

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

#D0AF5A

#5AA2D0

#D0615A

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

#5AA2D0

#C35AD0

#D0885A

#67D05A

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

#5AA2D0

#D0885A

#5AA2D0

#C2CBD0

#5AA2D0

#2C4F66

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

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

#5AA2D0

#5AA2D0 の色情報

#5AA2D0 の色相別色一覧

#5AA2D0 の彩度別色一覧

#5AA2D0 の明度別色一覧

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

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

#5AA2D0 を使ったカマイユ

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

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

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

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

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

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

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