#3BA5E9｜カラーサイト.com

#3BA5E9 の色情報

#3BA5E9

画像
HEX	#3BA5E9
RGB	R:59 G:165 B:233
RGBの割合	R:23.1% G:64.7% B:91.4%
HSV	H:203.4 S:74.7 V:91.4
HSL	H:203.4 S:79.8 L:57.3
CMY	C:76.9 M:35.3 Y:8.6

CMYK	C:74.7 M:29.2 Y:0.0 K:8.6
YCbCr	Y:137.2 Cb:173.5 Cr:76.6
XYZ	X:30.0 Y:33.7 Z:82.0
xyY	x:0.206 y:0.231 Y:33.7

CIE Lab	L:64.7 a:-7.7 b*:-42.8
CIE LCh	L:64.7 C:43.5 h:259.8
CIE Luv	L:64.7 u:-37.6 v*:-67.4
Hunter Lab	L:58.1 a:-9.5 b:-43.1

#3BA5E9 の色相別色一覧

#E9543B

#E97F3B

#E9AB3B

#E9D63B

#D1E93B

#A5E93B

#7AE93B

#4EE93B

#3BE954

#3BE97F

#3BE9AB

#3BE9D6

#3BD1E9

#3BA5E9

#3B7AE9

#3B4EE9

#543BE9

#7F3BE9

#AB3BE9

#D63BE9

#E93BD1

#E93BA5

#E93B7A

#E93B4E

#3BA5E9 の彩度別色一覧

#DEE5E9

#D2E0E9

#C7DCE9

#BBD7E9

#B0D3E9

#A4CEE9

#98C9E9

#8DC5E9

#81C0E9

#75BCE9

#6AB7E9

#5EB3E9

#52AEE9

#47AAE9

#3BA5E9

#2FA0E9

#249CE9

#1897E9

#0C93E9

#018EE9

#3BA5E9 の明度別色一覧

#010204

#040C10

#07151D

#0B1E2A

#0E2737

#113043

#143950

#17425D

#1B4B6A

#1E5476

#215D83

#246690

#286F9D

#2B78A9

#2E81B6

#318AC3

#3593D0

#389CDC

#3BA5E9

#3EAEF6

#3BA5E9 を使ったトーンオントーン

#3E7B96

#3BA5E9

#295875

#0B4559

#418ABD

#3BA5E9

#0E2E4A

#2362A3

#1A3D69

#4492B5

#3D6494

#3BA5E9

#245C75

#4C8DBD

#173A5C

#3BA5E9 を使ったトーンイントーン

#2CFF51

#3BA5E9

#EC373C

#C44BEE

#E3EE2C

#B93CF6

#3BA5E9

#2BEC3D

#F83564

#F8EC58

#55FF4B

#3BA5E9

#9426EC

#E1B62E

#DF4476

#3BA5E9 を使ったカマイユ

#36A0F3

#2386D5

#299CE1

#2C92D0

#3BA5E9

#36A6F3

#30ABE1

#2EBEFD

#4DB5FD

#3BA5E9

#3BA6FF

#49A0D5

#5ABCFF

#3BA5E9

#3C90DC

#3BA5E9 を使ったフォカマイユ

#457ACA

#2C79DA

#41A1E4

#3BA5E9

#1B62DF

#3091FB

#2BA4CA

#3BA5E9

#3294D7

#407DE1

#3BA5E9

#33A8EE

#2B7EF6

#4982DA

#1BB8DA

#3BA5E9 を使ったドミナントカラー

#48A2DB

#1F394A

#3BA5E9

#446880

#5C7E94

#1A3A4F

#26597A

#3BA5E9

#3D6782

#3F4C54

#6B7B85

#3BA5E9

#C8D4DB

#48545C

#3CA3E6

#3BA5E9 を使ったアイデンティティ

#3BA5E9

#356685

#678DA6

#05436B

#3BA5E9

#5583A1

#3BA5E9

#334C5C

#3F7EA6

#3BA5E9 を使ったトライアド

#3BA5E9

#E93BA5

#A5E93B

#3BA5E9 を使ったスプリットコンプリメンタリー

#E9B93B

#3BA5E9

#E9453B

#3BA5E9 を使ったテトラード

#3BA5E9

#D63BE9

#E97F3B

#4EE93B

#3BA5E9 を使ったコントラスト

#3BA5E9

#E97F3B

#3BA5E9

#B0D3E9

#3BA5E9

#1A4866

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

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

#3BA5E9

#3BA5E9 の色情報

#3BA5E9 の色相別色一覧

#3BA5E9 の彩度別色一覧

#3BA5E9 の明度別色一覧

#3BA5E9 を使ったトーンオントーン

#3BA5E9 を使ったトーンイントーン

#3BA5E9 を使ったカマイユ

#3BA5E9 を使ったフォカマイユ

#3BA5E9 を使ったドミナントカラー

#3BA5E9 を使ったアイデンティティ

#3BA5E9 を使ったトライアド

#3BA5E9 を使ったスプリットコンプリメンタリー

#3BA5E9 を使ったテトラード

#3BA5E9 を使ったコントラスト