#45A8E2｜カラーサイト.com

#45A8E2 の色情報

#45A8E2

画像
HEX	#45A8E2
RGB	R:69 G:168 B:226
RGBの割合	R:27.1% G:65.9% B:88.6%
HSV	H:202.2 S:69.5 V:88.6
HSL	H:202.2 S:73.0 L:57.8
CMY	C:72.9 M:34.1 Y:11.4

CMYK	C:69.5 M:25.7 Y:0.0 K:11.4
YCbCr	Y:140.6 Cb:168.1 Cr:80.4
XYZ	X:30.2 Y:34.8 Z:77.1
xyY	x:0.213 y:0.245 Y:34.8

CIE Lab	L:65.6 a:-10.4 b*:-37.6
CIE LCh	L:65.6 C:39.0 h:254.5
CIE Luv	L:65.6 u:-37.3 v*:-58.5
Hunter Lab	L:59.0 a:-11.8 b:-36.2

#45A8E2 の色相別色一覧

#E25845

#E27F45

#E2A645

#E2CE45

#CFE245

#A8E245

#81E245

#5AE245

#45E258

#45E27F

#45E2A6

#45E2CE

#45CFE2

#45A8E2

#4581E2

#455AE2

#5845E2

#7F45E2

#A645E2

#CE45E2

#E245CF

#E245A8

#E24581

#E24559

#45A8E2 の彩度別色一覧

#D8DEE2

#CDDAE2

#C1D6E2

#B6D2E2

#ABCEE2

#9FC9E2

#94C5E2

#89C1E2

#7EBDE2

#72B9E2

#67B5E2

#5CB0E2

#50ACE2

#45A8E2

#3AA4E2

#2EA0E2

#239BE2

#1897E2

#0D93E2

#018FE2

#45A8E2 の明度別色一覧

#030709

#071016

#0B1A23

#0F2330

#122D3C

#163649

#1A4056

#1E4963

#22536F

#265C7C

#2A6689

#2E6F96

#3279A2

#3582AF

#398CBC

#3D95C9

#419FD5

#45A8E2

#49B1EF

#4DBBFC

#45A8E2 を使ったトーンオントーン

#153C4D

#45A8E2

#195D91

#609FC2

#143E6E

#45A8E2

#36626E

#216291

#2D80B0

#224352

#1479BD

#1E659C

#103B69

#45A8E2

#103D4A

#45A8E2 を使ったトーンイントーン

#45A8E2

#76F962

#E5567B

#EFCF4E

#8E4BDF

#45A8E2

#A05EEF

#70F947

#FCB740

#EF5C99

#53DD3B

#9232EA

#FC3980

#E7C436

#45A8E2

#45A8E2 を使ったカマイユ

#4DAFE5

#479ACE

#45A8E2

#2F8AD0

#4DB6E7

#45A8E2

#46B1F4

#62BAF9

#388BCB

#53CAF9

#44B9E7

#45A8E2

#4BABDF

#4A93CB

#3DACDD

#45A8E2 を使ったフォカマイユ

#3FA8DD

#53CCF9

#45A8E2

#4E8CCB

#2BBDDA

#45A8E2

#56D5EC

#538ECE

#5597CE

#2DB6F1

#6AD4FF

#3994EA

#2BA7EA

#45A8E2

#5B97EC

#45A8E2 を使ったドミナントカラー

#6398B8

#6393B0

#45A8E2

#3D4A52

#152F3D

#02314D

#658CA3

#25709C

#638496

#45A8E2

#4AA4D9

#2D93CF

#45A8E2

#9CC2D9

#2B4352

#45A8E2 を使ったアイデンティティ

#547487

#6DC7FC

#45A8E2

#365363

#45A8E2

#529CC7

#417796

#2D4C5E

#45A8E2

#45A8E2 を使ったトライアド

#45A8E2

#E245A8

#A8E245

#45A8E2 を使ったスプリットコンプリメンタリー

#E2B345

#45A8E2

#E24B45

#45A8E2 を使ったテトラード

#45A8E2

#CE45E2

#E27F45

#59E245

#45A8E2 を使ったコントラスト

#45A8E2

#E27F45

#45A8E2

#B6D2E2

#45A8E2

#1F4C66

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

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

#45A8E2

#45A8E2 の色情報

#45A8E2 の色相別色一覧

#45A8E2 の彩度別色一覧

#45A8E2 の明度別色一覧

#45A8E2 を使ったトーンオントーン

#45A8E2 を使ったトーンイントーン

#45A8E2 を使ったカマイユ

#45A8E2 を使ったフォカマイユ

#45A8E2 を使ったドミナントカラー

#45A8E2 を使ったアイデンティティ

#45A8E2 を使ったトライアド

#45A8E2 を使ったスプリットコンプリメンタリー

#45A8E2 を使ったテトラード

#45A8E2 を使ったコントラスト