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

#509EC4 の色情報

#509EC4

画像
HEX	#509EC4
RGB	R:80 G:158 B:196
RGBの割合	R:31.4% G:62.0% B:76.9%
HSV	H:199.7 S:59.2 V:76.9
HSL	H:199.7 S:49.6 L:54.1
CMY	C:68.6 M:38.0 Y:23.1

CMYK	C:59.2 M:19.4 Y:0.0 K:23.1
YCbCr	Y:135.4 Cb:156.2 Cr:91.1
XYZ	X:25.5 Y:30.1 Z:56.7
xyY	x:0.227 y:0.268 Y:30.1

CIE Lab	L:61.8 a:-12.8 b*:-26.8
CIE LCh	L:61.8 C:29.7 h:244.5
CIE Luv	L:61.8 u:-32.5 v*:-39.7
Hunter Lab	L:54.9 a:-13.2 b:-22.8

#509EC4 の色相別色一覧

#C45950

#C47650

#C49350

#C4B050

#BBC450

#9EC450

#81C450

#64C450

#50C459

#50C476

#50C493

#50C4B0

#50BBC4

#509EC4

#5081C4

#5064C4

#5950C4

#7650C4

#9350C4

#B050C4

#C450BB

#C4509E

#C45081

#C45064

#509EC4 の彩度別色一覧

#BCC1C4

#B2BEC4

#A8BBC4

#9EB8C4

#95B4C4

#8BB1C4

#81AEC4

#77ABC4

#6DA8C4

#64A4C4

#5AA1C4

#509EC4

#469BC4

#3C98C4

#3394C4

#2991C4

#1F8EC4

#158BC4

#0B88C4

#0284C4

#509EC4 の明度別色一覧

#020405

#070E12

#0C181E

#12232B

#172D38

#1C3745

#214151

#264C5E

#2C566B

#316078

#366B84

#3B7591

#407F9E

#4689AB

#4B94B7

#509EC4

#55A8D1

#5AB3DE

#60BDEA

#65C7F7

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

#509EC4

#7ADDFA

#55768F

#1F3E47

#1B5375

#509EC4

#408191

#23415C

#38BAF5

#3B6778

#336573

#509EC4

#37B2E6

#2976A1

#1E444D

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

#B54373

#509EC4

#AB8A4B

#A263DE

#41AB3D

#94B25B

#62C19E

#9357B2

#C75A59

#509EC4

#A6B551

#CE5652

#509EC4

#4FD171

#A456C9

#509EC4 を使ったカマイユ

#4F9ABC

#3B93B0

#509EC4

#4393AD

#51ADD1

#4D8FB7

#509EC4

#4E9BC9

#58A1D3

#3A9ABC

#4391BA

#57A0BA

#509EC4

#65B1CC

#56B8DE

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

#509EC4

#307FBA

#4E91CE

#4D9AE5

#2987A0

#72A8D8

#387FB7

#5493D8

#5F96B5

#509EC4

#4A929E

#6CA4CC

#77A5E5

#639CCC

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

#169BDB

#1482B8

#509EC4

#325A6E

#38505C

#32454F

#1A303B

#509EC4

#378DB8

#327799

#244B5E

#509EC4

#384247

#353C40

#1FABF0

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

#509EC4

#C4509E

#9EC450

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

#C49D50

#509EC4

#C45051

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

#509EC4

#B050C4

#C47650

#64C450

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

#509EC4

#C47650

#509EC4

#B2BEC4

#509EC4

#2A5266

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

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

#509EC4

#509EC4 の色情報

#509EC4 の色相別色一覧

#509EC4 の彩度別色一覧

#509EC4 の明度別色一覧

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

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

#509EC4 を使ったカマイユ

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

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

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

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

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

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