#509AF2｜カラーサイト.com

#509AF2 の色情報

#509AF2

画像
HEX	#509AF2
RGB	R:80 G:154 B:242
RGBの割合	R:31.4% G:60.4% B:94.9%
HSV	H:212.6 S:66.9 V:94.9
HSL	H:212.6 S:86.2 L:63.1
CMY	C:68.6 M:39.6 Y:5.1

CMYK	C:66.9 M:36.4 Y:0.0 K:5.1
YCbCr	Y:137.9 Cb:177.6 Cr:89.3
XYZ	X:30.9 Y:31.2 Z:88.4
xyY	x:0.205 y:0.207 Y:31.2

CIE Lab	L:62.7 a:4.5 b*:-50.9
CIE LCh	L:62.7 C:51.1 h:275.1
CIE Luv	L:62.7 u:-29.6 v*:-82.1
Hunter Lab	L:55.9 a:0.9 b:-54.7

#509AF2 の色相別色一覧

#F25750

#F28050

#F2A850

#F2D150

#EBF250

#C3F250

#9AF250

#72F250

#50F257

#50F280

#50F2A8

#50F2D1

#50EBF2

#50C3F2

#509AF2

#5072F2

#5750F2

#8050F2

#A850F2

#D150F2

#F250EB

#F250C3

#F2509A

#F25072

#509AF2 の彩度別色一覧

#EDEFF2

#E1E9F2

#D5E2F2

#C9DCF2

#BDD5F2

#B1CFF2

#A5C8F2

#99C1F2

#8DBBF2

#80B4F2

#74AEF2

#68A7F2

#5CA1F2

#509AF2

#4493F2

#388DF2

#2C86F2

#2080F2

#1479F2

#0773F2

#509AF2 の明度別色一覧

#04080D

#081019

#0D1826

#112033

#152840

#19314C

#1D3959

#224166

#264973

#2A517F

#2E598C

#326199

#3769A6

#3B71B2

#3F7ABF

#4382CC

#488AD9

#4C92E5

#509AF2

#54A2FF

#509AF2 を使ったトーンオントーン

#2769A1

#2F77C2

#305670

#0B2952

#509AF2

#0F4D73

#509AF2

#166391

#203557

#4E81CC

#1B5A94

#223145

#295575

#509AF2

#5E8FBF

#509AF2 を使ったトーンイントーン

#CA6BFF

#4DEF7C

#F5E84C

#509AF2

#E34059

#E84A66

#DED135

#C258ED

#509AF2

#5EFF6B

#B5FF52

#EA5238

#D156E8

#3BFF98

#509AF2

#509AF2 を使ったカマイユ

#4086F5

#4682E8

#509AF2

#6AA8FC

#65A9EF

#5E91E5

#5298FF

#509AF2

#518BE0

#64ADFA

#3D9BEA

#509AF2

#599EDE

#66A9FF

#6BA7FF

#509AF2 を使ったフォカマイユ

#55A5E5

#3199CC

#3B63D9

#54B4E3

#509AF2

#45ADFF

#509AF2

#5DAFFA

#4FBAFF

#61B6FF

#6397FC

#618CFF

#3199FF

#509AF2

#5999F7

#509AF2 を使ったドミナントカラー

#509AF2

#0664D4

#0C74F0

#629ADE

#4B82C4

#7A8DA3

#565F6B

#032957

#0663D1

#509AF2

#4A617D

#4D9CFA

#595F66

#1F2936

#509AF2

#509AF2 を使ったアイデンティティ

#509AF2

#005AC4

#405D80

#7891B0

#509AF2

#023A7D

#3D4B5C

#509AF2

#2877D4

#509AF2 を使ったトライアド

#509AF2

#F2509A

#9AF250

#509AF2 を使ったスプリットコンプリメンタリー

#F2DE50

#509AF2

#F27250

#509AF2 を使ったテトラード

#509AF2

#F250EB

#F2A850

#50F257

#509AF2 を使ったコントラスト

#509AF2

#F2A850

#509AF2

#C9DCF2

#509AF2

#224166

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

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

#509AF2

#509AF2 の色情報

#509AF2 の色相別色一覧

#509AF2 の彩度別色一覧

#509AF2 の明度別色一覧

#509AF2 を使ったトーンオントーン

#509AF2 を使ったトーンイントーン

#509AF2 を使ったカマイユ

#509AF2 を使ったフォカマイユ

#509AF2 を使ったドミナントカラー

#509AF2 を使ったアイデンティティ

#509AF2 を使ったトライアド

#509AF2 を使ったスプリットコンプリメンタリー

#509AF2 を使ったテトラード

#509AF2 を使ったコントラスト