#677DCC｜カラーサイト.com

#677DCC の色情報

#677DCC

画像
HEX	#677DCC
RGB	R:103 G:125 B:204
RGBの割合	R:40.4% G:49.0% B:80.0%
HSV	H:226.9 S:49.5 V:80.0
HSL	H:226.9 S:49.8 L:60.2
CMY	C:59.6 M:51.0 Y:20.0

CMYK	C:49.5 M:38.7 Y:0.0 K:20.0
YCbCr	Y:125.5 Cb:165.9 Cr:112.7
XYZ	X:23.8 Y:21.9 Z:60.1
xyY	x:0.225 y:0.207 Y:21.9

CIE Lab	L:53.9 a:13.8 b*:-43.5
CIE LCh	L:53.9 C:45.6 h:287.6
CIE Luv	L:53.9 u:-13.4 v*:-68.8
Hunter Lab	L:46.8 a:8.9 b:-43.4

#677DCC の色相別色一覧

#CC6A67

#CC8467

#CC9D67

#CCB667

#C9CC67

#B0CC67

#96CC67

#7DCC67

#67CC6A

#67CC84

#67CC9D

#67CCB6

#67C9CC

#67B0CC

#6796CC

#677DCC

#6A67CC

#8467CC

#9D67CC

#B667CC

#CC67C9

#CC67B0

#CC6796

#CC677D

#677DCC の彩度別色一覧

#C3C5CC

#B9BDCC

#AEB5CC

#A4ADCC

#9AA5CC

#909DCC

#8695CC

#7B8DCC

#7185CC

#677DCC

#5D75CC

#536DCC

#4865CC

#3E5DCC

#3455CC

#2A4DCC

#2045CC

#153DCC

#0B35CC

#012DCC

#677DCC の明度別色一覧

#000000

#06080D

#0D101A

#131726

#1A1F33

#202740

#272F4D

#2D3759

#343F66

#3A4673

#404E80

#47568C

#4D5E99

#5466A6

#5A6DB3

#6175BF

#677DCC

#6D85D9

#748DE6

#7A94F2

#677DCC を使ったトーンオントーン

#677DCC

#2C4773

#414B8C

#2D304A

#7891ED

#4F567A

#677DCC

#48558C

#1A1D52

#5360EB

#222E4F

#677DCC

#273A70

#6A72E8

#5D698C

#677DCC を使ったトーンイントーン

#D265D4

#5EE3B4

#BADE65

#677DCC

#C46D5B

#D47AE0

#677DCC

#B35851

#ADBD65

#86DEAC

#E2E67F

#69BD77

#D4696C

#677DCC

#DC89E6

#677DCC を使ったカマイユ

#7A8AD1

#5E7EC7

#677DCC

#5F80E0

#738CDB

#677DCC

#6477D6

#7280BD

#788AE0

#7F8BD6

#677DCC

#6B83BA

#587ACF

#788AD4

#7B8CDE

#677DCC を使ったフォカマイユ

#677DCC

#6A74B0

#89ACE6

#5892D9

#5A6FA8

#5980BF

#588EEB

#5082E0

#677DCC

#426FA8

#677DCC

#8792D1

#5867BA

#9AB7F2

#7496BD

#677DCC を使ったドミナントカラー

#132875

#4667E0

#677DCC

#6682E8

#5B7CF5

#1D2E69

#0D1D54

#97ACF7

#4668E3

#677DCC

#203787

#747887

#152663

#182B70

#677DCC

#677DCC を使ったトライアド

#677DCC

#CC677D

#7DCC67

#677DCC を使ったスプリットコンプリメンタリー

#C0CC67

#677DCC

#CC9467

#677DCC を使ったテトラード

#677DCC

#CC67B0

#CCB667

#67CC84

#677DCC を使ったコントラスト

#677DCC

#CCB667

#677DCC

#012DCC

#677DCC

#343F66

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

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

#677DCC

#677DCC の色情報

#677DCC の色相別色一覧

#677DCC の彩度別色一覧

#677DCC の明度別色一覧

#677DCC を使ったトーンオントーン

#677DCC を使ったトーンイントーン

#677DCC を使ったカマイユ

#677DCC を使ったフォカマイユ

#677DCC を使ったドミナントカラー

#677DCC を使ったトライアド

#677DCC を使ったスプリットコンプリメンタリー

#677DCC を使ったテトラード

#677DCC を使ったコントラスト