#2DA5F9｜カラーサイト.com

#2DA5F9 の色情報

#2DA5F9

画像
HEX	#2DA5F9
RGB	R:45 G:165 B:249
RGBの割合	R:17.6% G:64.7% B:97.6%
HSV	H:204.7 S:81.9 V:97.6
HSL	H:204.7 S:94.4 L:57.6
CMY	C:82.4 M:35.3 Y:2.4

CMYK	C:81.9 M:33.7 Y:0.0 K:2.4
YCbCr	Y:135.1 Cb:182.6 Cr:69.4
XYZ	X:31.6 Y:34.3 Z:94.6
xyY	x:0.197 y:0.214 Y:34.3

CIE Lab	L:65.2 a:-3.5 b*:-50.8
CIE LCh	L:65.2 C:50.9 h:266.0
CIE Luv	L:65.2 u:-38.6 v*:-81.6
Hunter Lab	L:58.6 a:-6.1 b:-54.7

#2DA5F9 の色相別色一覧

#F94E2D

#F9812D

#F9B42D

#F9E72D

#D8F92D

#A5F92D

#72F92D

#3FF92D

#2DF94E

#2DF981

#2DF9B4

#2DF9E7

#2DD8F9

#2DA5F9

#2D72F9

#2D3FF9

#4E2DF9

#812DF9

#B42DF9

#E72DF9

#F92DD8

#F92DA5

#F92D72

#F92D3F

#2DA5F9 の彩度別色一覧

#F4F7F9

#E8F2F9

#DBEDF9

#CFE8F9

#C2E3F9

#B6DDF9

#AAD8F9

#9DD3F9

#91CEF9

#84C9F9

#78C4F9

#6BBFF9

#5FBAF9

#52B4F9

#46AFF9

#39AAF9

#2DA5F9

#21A0F9

#149BF9

#0896F9

#2DA5F9 の明度別色一覧

#010407

#040D14

#061520

#081E2D

#0A263A

#0D2F47

#0F3753

#114060

#14486D

#16517A

#185986

#1B6193

#1D6AA0

#1F72AD

#217BB9

#2483C6

#268CD3

#2894E0

#2B9DEC

#2DA5F9

#2DA5F9 を使ったトーンオントーン

#2DA5F9

#032545

#1D4470

#237296

#3472B8

#26546E

#4096C7

#2DA5F9

#086096

#133454

#34A3D9

#116180

#2DA5F9

#103352

#0D4B9C

#2DA5F9 を使ったトーンイントーン

#FC5944

#2DA5F9

#39E284

#D245FE

#D5FF26

#2FEA3E

#BE29FF

#E01445

#EAE92F

#2DA5F9

#901CE5

#40FE58

#F4DE20

#FF3B59

#2DA5F9 を使ったカマイユ

#2DA5F9

#159BFF

#3DB9FF

#33B2FF

#38BEFF

#1290E2

#2195FF

#24B0FF

#2DA5F9

#40B1EC

#2689EA

#1A8BEC

#2998FE

#2DA5F9

#2CA4FF

#2DA5F9 を使ったフォカマイユ

#0E83E7

#0FD0FF

#2DA5F9

#45C7FE

#26ADFF

#2DA5F9

#09B5DA

#1677F4

#0FA1F4

#35B1D3

#43A5D8

#0E7CE7

#0978D8

#2DA5F9

#3E80D5

#2DA5F9 を使ったドミナントカラー

#053252

#7DA9C7

#13639C

#2DA5F9

#BDC4C9

#163E59

#305A78

#9FBFD6

#2DA5F9

#303C45

#3EABF7

#4B85AD

#3C86BA

#2DA5F9

#447DA6

#2DA5F9 を使ったアイデンティティ

#1C415C

#80A4BD

#2DA5F9

#083B5E

#72A8CF

#014C80

#2DA5F9

#7BA0BA

#2DA5F9 を使ったトライアド

#2DA5F9

#F92DA5

#A5F92D

#2DA5F9 を使ったスプリットコンプリメンタリー

#F9C52D

#2DA5F9

#F93D2D

#2DA5F9 を使ったテトラード

#2DA5F9

#E72DF9

#F9812D

#3FF92D

#2DA5F9 を使ったコントラスト

#2DA5F9

#F9812D

#2DA5F9

#AAD8F9

#2DA5F9

#124466

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

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

#2DA5F9

#2DA5F9 の色情報

#2DA5F9 の色相別色一覧

#2DA5F9 の彩度別色一覧

#2DA5F9 の明度別色一覧

#2DA5F9 を使ったトーンオントーン

#2DA5F9 を使ったトーンイントーン

#2DA5F9 を使ったカマイユ

#2DA5F9 を使ったフォカマイユ

#2DA5F9 を使ったドミナントカラー

#2DA5F9 を使ったアイデンティティ

#2DA5F9 を使ったトライアド

#2DA5F9 を使ったスプリットコンプリメンタリー

#2DA5F9 を使ったテトラード

#2DA5F9 を使ったコントラスト