#6BA3E2｜カラーサイト.com

#6BA3E2 の色情報

#6BA3E2

画像
HEX	#6BA3E2
RGB	R:107 G:163 B:226
RGBの割合	R:42.0% G:63.9% B:88.6%
HSV	H:211.8 S:52.7 V:88.6
HSL	H:211.8 S:67.2 L:65.3
CMY	C:58.0 M:36.1 Y:11.4

CMYK	C:52.7 M:27.9 Y:0.0 K:11.4
YCbCr	Y:147.8 Cb:163.9 Cr:98.9
XYZ	X:32.9 Y:34.8 Z:76.9
xyY	x:0.227 y:0.241 Y:34.8

CIE Lab	L:65.6 a:-0.7 b*:-37.5
CIE LCh	L:65.6 C:37.5 h:268.9
CIE Luv	L:65.6 u:-26.1 v*:-59.4
Hunter Lab	L:59.0 a:-3.8 b:-36.0

#6BA3E2 の色相別色一覧

#E26F6B

#E28C6B

#E2AA6B

#E2C86B

#DFE26B

#C1E26B

#A3E26B

#85E26B

#6BE26F

#6BE28C

#6BE2AA

#6BE2C8

#6BDFE2

#6BC1E2

#6BA3E2

#6B85E2

#6F6BE2

#8C6BE2

#AA6BE2

#C86BE2

#E26BDF

#E26BC1

#E26BA3

#E26B85

#6BA3E2 の彩度別色一覧

#DCDFE2

#D1D9E2

#C5D3E2

#BACDE2

#AFC7E2

#A4C1E2

#98BBE2

#8DB5E2

#82AFE2

#76A9E2

#6BA3E2

#609DE2

#5497E2

#4991E2

#3E8BE2

#3385E2

#277FE2

#1C79E2

#1173E2

#056DE2

#6BA3E2 の明度別色一覧

#040709

#0A1016

#101923

#162230

#1D2B3C

#233549

#293E56

#2F4763

#35506F

#3B597C

#416389

#476C96

#4D75A2

#537EAF

#5987BC

#5F91C9

#659AD5

#6BA3E2

#71ACEF

#77B5FC

#6BA3E2 を使ったトーンオントーン

#6BA3E2

#254157

#364E80

#618ABA

#537E9E

#37558C

#6BA3E2

#3E7FC7

#465770

#182947

#496C91

#234052

#274373

#7688B0

#6BA3E2

#6BA3E2 を使ったトーンイントーン

#6BA3E2

#71F4A0

#9F53D3

#BFCE6C

#DF798E

#D36266

#6BA3E2

#B6CB5E

#75D09E

#B25BD8

#B0D877

#C269D0

#6BA3E2

#F16D61

#5CCBA6

#6BA3E2 を使ったカマイユ

#6BA3E2

#70ACE7

#749EDD

#679CD0

#86C1FC

#82C0F9

#6DA1D8

#71A9DD

#6BA3E2

#78A2D5

#6BA3E2

#89BDFC

#5689CB

#7CB0DD

#6AA8DA

#6BA3E2 を使ったフォカマイユ

#5A8BCB

#5476DA

#83BBFF

#6BA3E2

#589ACB

#5E79D8

#849ADA

#4484BC

#69B5D5

#6BA3E2

#88A6F1

#7BACF4

#7FC1F6

#83A1DD

#6BA3E2

#6BA3E2 を使ったドミナントカラー

#6BA3E2

#99B0C9

#909499

#0F2C4D

#C0DBFA

#445A73

#1F5DA3

#0664CF

#6BA3E2

#84A0BF

#6BA3E2

#6C7D91

#0E66C9

#91B3D9

#83B4EB

#6BA3E2 を使ったアイデンティティ

#2E5B8F

#256AB8

#6BA3E2

#6B829C

#083D78

#6BA3E2

#1C3F66

#1B6AC2

#6BA3E2

#6BA3E2 を使ったトライアド

#6BA3E2

#E26BA3

#A3E26B

#6BA3E2 を使ったスプリットコンプリメンタリー

#E2D26B

#6BA3E2

#E2826B

#6BA3E2 を使ったテトラード

#6BA3E2

#E26BDF

#E2AA6B

#6BE26F

#6BA3E2 を使ったコントラスト

#6BA3E2

#E2AA6B

#6BA3E2

#DCDFE2

#6BA3E2

#304A66

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

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

#6BA3E2

#6BA3E2 の色情報

#6BA3E2 の色相別色一覧

#6BA3E2 の彩度別色一覧

#6BA3E2 の明度別色一覧

#6BA3E2 を使ったトーンオントーン

#6BA3E2 を使ったトーンイントーン

#6BA3E2 を使ったカマイユ

#6BA3E2 を使ったフォカマイユ

#6BA3E2 を使ったドミナントカラー

#6BA3E2 を使ったアイデンティティ

#6BA3E2 を使ったトライアド

#6BA3E2 を使ったスプリットコンプリメンタリー

#6BA3E2 を使ったテトラード

#6BA3E2 を使ったコントラスト