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

#5DA6E2 の色情報

#5DA6E2

画像
HEX	#5DA6E2
RGB	R:93 G:166 B:226
RGBの割合	R:36.5% G:65.1% B:88.6%
HSV	H:207.1 S:58.8 V:88.6
HSL	H:207.1 S:69.6 L:62.5
CMY	C:63.5 M:34.9 Y:11.4

CMYK	C:58.8 M:26.5 Y:0.0 K:11.4
YCbCr	Y:145.7 Cb:165.1 Cr:91.7
XYZ	X:31.9 Y:35.1 Z:77.0
xyY	x:0.221 y:0.244 Y:35.1

CIE Lab	L:65.8 a:-5.3 b*:-37.2
CIE LCh	L:65.8 C:37.5 h:261.9
CIE Luv	L:65.8 u:-31.2 v*:-58.4
Hunter Lab	L:59.2 a:-7.6 b:-35.7

#5DA6E2 の色相別色一覧

#E2785D

#E2995D

#E2BA5D

#E2DC5D

#C7E25D

#A6E25D

#85E25D

#64E25D

#5DE278

#5DE299

#5DE2BA

#5DE2DC

#5DC7E2

#5DA6E2

#5D85E2

#5D64E2

#785DE2

#995DE2

#BA5DE2

#DC5DE2

#E25DC7

#E25DA6

#E25D85

#E25D64

#5DA6E2 の彩度別色一覧

#D9DEE2

#CED9E2

#C3D4E2

#B7CFE2

#ACCAE2

#A1C5E2

#96BFE2

#8ABAE2

#7FB5E2

#74B0E2

#68ABE2

#5DA6E2

#52A1E2

#469CE2

#3B97E2

#3092E2

#258DE2

#1987E2

#0E82E2

#037DE2

#5DA6E2 の明度別色一覧

#040709

#091016

#0E1A23

#142330

#192C3C

#1E3649

#233F56

#294863

#2E526F

#335B7C

#386489

#3E6E96

#4377A2

#4881AF

#4D8ABC

#5393C9

#589DD5

#5DA6E2

#62AFEF

#67B9FC

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

#174D69

#4171B0

#5DA6E2

#236096

#1F4254

#7198BF

#5DA6E2

#216F96

#264552

#3D5D6B

#2C5073

#2C4252

#26789C

#4987C4

#5DA6E2

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

#48D041

#B070E5

#EC4C89

#D3B855

#5DA6E2

#A86ED8

#5DA6E2

#F65E96

#6CEF88

#ECD54E

#4EF98D

#BFCB66

#B175E5

#5DA6E2

#DA4467

#5DA6E2 を使ったカマイユ

#59AEEF

#5C9DCB

#58AEE7

#5DA6E2

#4EA6E5

#5DA6E2

#5FA1EC

#65A0C9

#6CB9F4

#78BBEF

#5797DF

#53A4DA

#60A7D0

#5DA6E2

#5196DF

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

#4982C3

#6B96EC

#5DA6E2

#60A8D5

#7AA9F9

#437EFF

#5DA6E2

#6281BC

#5577BC

#80CEFF

#5DA6E2

#4A6CBC

#5FC1FF

#7DE1FF

#3881D5

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

#3A87C7

#5DA6E2

#5B646B

#192E40

#5D97C7

#A1BDD4

#5DA6E2

#7EAACF

#002B4F

#363E45

#5DA6E2

#90BCE0

#647B8F

#72AFE0

#424F59

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

#074578

#5DA6E2

#557FA1

#5DA6E2

#3F5363

#2575B8

#5DA6E2

#2E79B8

#3C5469

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

#5DA6E2

#E25DA6

#A6E25D

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

#E2C55D

#5DA6E2

#E26D5D

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

#5DA6E2

#DC5DE2

#E2995D

#64E25D

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

#5DA6E2

#E2995D

#5DA6E2

#CED9E2

#5DA6E2

#2A4B66

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

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

#5DA6E2

#5DA6E2 の色情報

#5DA6E2 の色相別色一覧

#5DA6E2 の彩度別色一覧

#5DA6E2 の明度別色一覧

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

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

#5DA6E2 を使ったカマイユ

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

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

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

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

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

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

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