#7DA6E2｜カラーサイト.com

#7DA6E2 の色情報

#7DA6E2

画像
HEX	#7DA6E2
RGB	R:125 G:166 B:226
RGBの割合	R:49.0% G:65.1% B:88.6%
HSV	H:215.6 S:44.7 V:88.6
HSL	H:215.6 S:63.5 L:68.8
CMY	C:51.0 M:34.9 Y:11.4

CMYK	C:44.7 M:26.5 Y:0.0 K:11.4
YCbCr	Y:153.9 Cb:160.4 Cr:105.7
XYZ	X:35.8 Y:37.1 Z:77.2
xyY	x:0.239 y:0.247 Y:37.1

CIE Lab	L:67.4 a:1.8 b*:-34.6
CIE LCh	L:67.4 C:34.7 h:273.0
CIE Luv	L:67.4 u:-21.1 v*:-55.2
Hunter Lab	L:60.9 a:-1.7 b:-32.5

#7DA6E2 の色相別色一覧

#E2877D

#E2A07D

#E2B97D

#E2D27D

#D9E27D

#BFE27D

#A6E27D

#8DE27D

#7DE287

#7DE2A0

#7DE2B9

#7DE2D2

#7DD9E2

#7DBFE2

#7DA6E2

#7D8DE2

#877DE2

#A07DE2

#B97DE2

#D27DE2

#E27DD9

#E27DBF

#E27DA6

#E27D8D

#7DA6E2 の彩度別色一覧

#D7DCE2

#CCD5E2

#C1CEE2

#B6C8E2

#AAC1E2

#9FBAE2

#94B3E2

#88ADE2

#7DA6E2

#729FE2

#6699E2

#5B92E2

#508BE2

#4584E2

#397EE2

#2E77E2

#2370E2

#176AE2

#0C63E2

#015CE2

#7DA6E2 の明度別色一覧

#050709

#0C1016

#131A23

#1A2330

#212C3C

#283649

#2F3F56

#364863

#3E526F

#455B7C

#4C6489

#536E96

#5A77A2

#6181AF

#688ABC

#6F93C9

#769DD5

#7DA6E2

#84AFEF

#8BB9FC

#7DA6E2 を使ったトーンオントーン

#3D4752

#4573BD

#35557A

#7DA6E2

#657291

#608CBA

#2A5378

#7DA6E2

#252C45

#487799

#8190C2

#7DA6E2

#1F3352

#50719E

#535E70

#7DA6E2 を使ったトーンイントーン

#7DA6E2

#B7CE84

#C365CE

#81F1C4

#F9ABA3

#7DA6E2

#BA77D3

#CB6880

#7FFC97

#E7D684

#7DA6E2

#8CDAA6

#E2EA84

#D8868F

#DD8DEA

#7DA6E2 を使ったカマイユ

#87ACDF

#729ECB

#7DABDA

#89B1F4

#7DA6E2

#699CDD

#7EA0D5

#83B5F1

#79A6EC

#7B9BDA

#7DA6E2

#93C2F4

#7BA0D3

#8BB4DF

#7DA6E2 を使ったフォカマイユ

#A9DCFF

#6A8AEF

#A0CEEA

#7DA6E2

#819AD3

#7DA6E2

#6F9CEF

#909FD3

#A9CCFC

#8593DD

#6778D5

#9ECAFE

#6DA7EC

#9BB8EA

#7DA6E2

#7DA6E2 を使ったドミナントカラー

#323A45

#7DA6E2

#939AA3

#B9CEED

#357DE6

#90ABD1

#327FF0

#547DBA

#91A8C9

#7DA6E2

#044BB3

#5B6D87

#B0BFD6

#7DA6E2

#46474A

#7DA6E2 を使ったアイデンティティ

#4C74B0

#0C3A7D

#7DA6E2

#5281C7

#7DA6E2

#09316B

#7DA6E2

#143463

#3D68A6

#7DA6E2 を使ったトライアド

#7DA6E2

#E27DA6

#A6E27D

#7DA6E2 を使ったスプリットコンプリメンタリー

#E2DB7D

#7DA6E2

#E2977D

#7DA6E2 を使ったテトラード

#7DA6E2

#E27DD9

#E2B97D

#7DE287

#7DA6E2 を使ったコントラスト

#7DA6E2

#E2B97D

#7DA6E2

#0C63E2

#7DA6E2

#384B66

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

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

#7DA6E2

#7DA6E2 の色情報

#7DA6E2 の色相別色一覧

#7DA6E2 の彩度別色一覧

#7DA6E2 の明度別色一覧

#7DA6E2 を使ったトーンオントーン

#7DA6E2 を使ったトーンイントーン

#7DA6E2 を使ったカマイユ

#7DA6E2 を使ったフォカマイユ

#7DA6E2 を使ったドミナントカラー

#7DA6E2 を使ったアイデンティティ

#7DA6E2 を使ったトライアド

#7DA6E2 を使ったスプリットコンプリメンタリー

#7DA6E2 を使ったテトラード

#7DA6E2 を使ったコントラスト