#7698E2｜カラーサイト.com

#7698E2 の色情報

#7698E2

画像
HEX	#7698E2
RGB	R:118 G:152 B:226
RGBの割合	R:46.3% G:59.6% B:88.6%
HSV	H:221.1 S:47.8 V:88.6
HSL	H:221.1 S:65.1 L:67.5
CMY	C:53.7 M:40.4 Y:11.4

CMYK	C:47.8 M:32.7 Y:0.0 K:11.4
YCbCr	Y:145.1 Cb:165.5 Cr:107.8
XYZ	X:32.4 Y:31.8 Z:76.4
xyY	x:0.231 y:0.226 Y:31.8

CIE Lab	L:63.2 a:8.1 b*:-41.2
CIE LCh	L:63.2 C:42.0 h:281.1
CIE Luv	L:63.2 u:-18.3 v*:-66.4
Hunter Lab	L:56.4 a:4.0 b:-40.8

#7698E2 の色相別色一覧

#E28A76

#E2A576

#E2C076

#E2DB76

#CEE276

#B3E276

#98E276

#7DE276

#76E28A

#76E2A5

#76E2C0

#76E2DB

#76CEE2

#76B3E2

#7698E2

#767DE2

#8A76E2

#A576E2

#C076E2

#DB76E2

#E276CE

#E276B3

#E27698

#E2767D

#7698E2 の彩度別色一覧

#DCDEE2

#D0D6E2

#C5CEE2

#BAC6E2

#AFBFE2

#A3B7E2

#98AFE2

#8DA7E2

#81A0E2

#7698E2

#6B90E2

#5F89E2

#5481E2

#4979E2

#3E71E2

#326AE2

#2762E2

#1C5AE2

#1052E2

#054BE2

#7698E2 の明度別色一覧

#050609

#0B0F16

#121723

#192030

#1F293C

#263149

#2D3A56

#334263

#3A4B6F

#41537C

#475C89

#4E6596

#556DA2

#5B76AF

#627EBC

#6987C9

#6F8FD5

#7698E2

#7DA1EF

#83A9FC

#7698E2 を使ったトーンオントーン

#7391B3

#7698E2

#49639C

#465D80

#2D3457

#7B88BF

#7698E2

#3F4A69

#3F435C

#57709E

#546FBA

#7698E2

#28364F

#2E4669

#607694

#7698E2 を使ったトーンイントーン

#7698E2

#6AFCA0

#EF7A82

#BAD36A

#B857C9

#7698E2

#DEEF71

#65DF96

#D267E5

#CE817C

#CCDF8B

#CB857A

#7698E2

#8BDFBA

#E894F6

#7698E2 を使ったカマイユ

#8094D8

#7698E2

#7894D5

#7EA2F6

#6A94F6

#6686D3

#86A5F6

#6782DA

#7698E2

#718CDD

#5B79D3

#6390D3

#718FF4

#7698E2

#5F7DD8

#7698E2 を使ったフォカマイユ

#8DA9FF

#ABBDFF

#73A6FF

#A6D1FF

#7698E2

#94C0FE

#6B9BC6

#8BC5FC

#7698E2

#94A5F6

#525CCB

#7989D3

#7698E2

#5F87D8

#6E7DEF

#7698E2 を使ったドミナントカラー

#012C8A

#B0C6F5

#314778

#7698E2

#093DAD

#3B5182

#1F53C4

#5F7096

#8AABF2

#7698E2

#6F8ED1

#8D9AB5

#7698E2

#425170

#929CB3

#7698E2 を使ったアイデンティティ

#0F2D70

#7698E2

#3F64B5

#8497BF

#132959

#7698E2

#154BBF

#20345E

#7698E2

#7698E2 を使ったトライアド

#7698E2

#E27698

#98E276

#7698E2 を使ったスプリットコンプリメンタリー

#E0E276

#7698E2

#E29C76

#7698E2 を使ったテトラード

#7698E2

#E276CE

#E2C076

#76E28A

#7698E2 を使ったコントラスト

#7698E2

#E2C076

#7698E2

#054BE2

#7698E2

#354566

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

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

#7698E2

#7698E2 の色情報

#7698E2 の色相別色一覧

#7698E2 の彩度別色一覧

#7698E2 の明度別色一覧

#7698E2 を使ったトーンオントーン

#7698E2 を使ったトーンイントーン

#7698E2 を使ったカマイユ

#7698E2 を使ったフォカマイユ

#7698E2 を使ったドミナントカラー

#7698E2 を使ったアイデンティティ

#7698E2 を使ったトライアド

#7698E2 を使ったスプリットコンプリメンタリー

#7698E2 を使ったテトラード

#7698E2 を使ったコントラスト