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

#677CCF の色情報

#677CCF

画像
HEX	#677CCF
RGB	R:103 G:124 B:207
RGBの割合	R:40.4% G:48.6% B:81.2%
HSV	H:227.9 S:50.2 V:81.2
HSL	H:227.9 S:52.0 L:60.8
CMY	C:59.6 M:51.4 Y:18.8

CMYK	C:50.2 M:40.1 Y:0.0 K:18.8
YCbCr	Y:125.3 Cb:167.5 Cr:112.9
XYZ	X:24.1 Y:21.8 Z:62.0
xyY	x:0.223 y:0.202 Y:21.8

CIE Lab	L:53.8 a:15.4 b*:-45.4
CIE LCh	L:53.8 C:47.9 h:288.7
CIE Luv	L:53.8 u:-13.1 v*:-72.0
Hunter Lab	L:46.7 a:10.3 b:-46.0

#677CCF の色相別色一覧

#CF6C67

#CF8667

#CFA067

#CFBA67

#CACF67

#B0CF67

#96CF67

#7CCF67

#67CF6C

#67CF86

#67CFA0

#67CFBA

#67CACF

#67B0CF

#6796CF

#677CCF

#6C67CF

#8667CF

#A067CF

#BA67CF

#CF67CA

#CF67B0

#CF6796

#CF677C

#677CCF の彩度別色一覧

#CFCFCF

#C4C6CF

#BABECF

#AFB6CF

#A5AECF

#9BA5CF

#909DCF

#8695CF

#7C8DCF

#7184CF

#677CCF

#5D74CF

#526BCF

#4863CF

#3E5BCF

#3353CF

#294ACF

#1F42CF

#143ACF

#0A32CF

#677CCF の明度別色一覧

#010203

#080910

#0E111D

#151929

#1B2036

#212843

#283050

#2E375C

#343F69

#3B4776

#414E83

#47568F

#4E5D9C

#5465A9

#5A6DB6

#6174C2

#677CCF

#6D84DC

#748BE9

#7A93F5

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

#28417D

#62679E

#5057B3

#202557

#677CCF

#1E2B5C

#5B6FF0

#3A4B91

#505478

#444D91

#1D2054

#6F80ED

#454C73

#677CCF

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

#7AC052

#D459D0

#677CCF

#E3906D

#6CB8AB

#677CCF

#85CC55

#E961DB

#68C2B0

#D9A682

#71D28F

#CC5E63

#677CCF

#DDE67C

#CA63DE

#677CCF を使ったカマイユ

#7893D7

#6676D2

#7481C5

#6276BB

#677CCF

#6E81E1

#6D7FD7

#516EB6

#4A59B6

#5A7ADC

#5774DC

#6E85C2

#677CCF

#6274E6

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

#578BD7

#7BA3DC

#677CCF

#7B7DEE

#507CBB

#7474D4

#809FD7

#809EDE

#7883C5

#677CCF

#8484F5

#577DDC

#677CCF

#4D7AB0

#6065AB

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

#677CCF

#656770

#262E52

#929FD1

#6273B5

#171D33

#1734A6

#878994

#263987

#677CCF

#1A2447

#6E7696

#2B3457

#6D78A3

#677CCF

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

#677CCF

#CF677C

#7CCF67

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

#C1CF67

#677CCF

#CF9767

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

#677CCF

#CF67B0

#CFBA67

#67CF86

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

#677CCF

#CFBA67

#677CCF

#CFCFCF

#677CCF

#333D66

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

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

#677CCF

#677CCF の色情報

#677CCF の色相別色一覧

#677CCF の彩度別色一覧

#677CCF の明度別色一覧

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

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

#677CCF を使ったカマイユ

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

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

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

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

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

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