#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

#38579E

#4D5A78

#3C83C4

#234154

#6BA3E2

#3D596B

#4468BA

#2A3C4D

#425B91

#6BA3E2

#3A5F96

#334F70

#354857

#7A9BBA

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

#F9626F

#7CDDA6

#B06BD5

#C8DA6C

#6BA3E2

#B16AD3

#DBE57E

#D3516B

#6BA3E2

#63F6A3

#DA7286

#B565D0

#6BA3E2

#59CE8F

#F0FC84

#6BA3E2 を使ったカマイユ

#81B8E5

#609DD3

#62A1EC

#6BA3E2

#6C9FEF

#709AD5

#6B92D0

#6A9ECB

#5FA0DF

#6BA3E2

#65A2DA

#6BA3E2

#8ABEF1

#61B1F6

#6C9ADA

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

#6BA3E2

#5D89E7

#8DA1EA

#658EEA

#82C3F4

#6278BE

#9AC5FC

#6BA3E2

#679EF4

#5090F6

#83C4FF

#5999C9

#78C1F4

#799FDA

#6BA3E2

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

#6BA3E2

#0C3769

#072240

#5C9DE6

#6BB1FF

#1D6CC4

#6BA3E2

#729DCF

#074A94

#6DA7E8

#6BA3E2

#4C86C7

#4F5459

#1B5AA1

#2788F5

#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 を使ったコントラスト