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

#3D89A2 の色情報

#3D89A2

画像
HEX	#3D89A2
RGB	R:61 G:137 B:162
RGBの割合	R:23.9% G:53.7% B:63.5%
HSV	H:194.9 S:62.3 V:63.5
HSL	H:194.9 S:45.3 L:43.7
CMY	C:76.1 M:46.3 Y:36.5

CMYK	C:62.3 M:15.4 Y:0.0 K:36.5
YCbCr	Y:116.6 Cb:150.2 Cr:92.9
XYZ	X:17.4 Y:21.5 Z:37.4
xyY	x:0.228 y:0.282 Y:21.5

CIE Lab	L:53.5 a:-15.6 b*:-20.3
CIE LCh	L:53.5 C:25.6 h:232.4
CIE Luv	L:53.5 u:-30.6 v*:-28.1
Hunter Lab	L:46.4 a:-14.2 b:-15.4

#3D89A2 の色相別色一覧

#A2563D

#A26F3D

#A2893D

#A2A23D

#89A23D

#70A23D

#57A23D

#3DA23D

#3DA256

#3DA26F

#3DA289

#3DA2A2

#3D89A2

#3D70A2

#3D57A2

#3D3DA2

#563DA2

#6F3DA2

#893DA2

#A23DA2

#A23D89

#A23D70

#A23D57

#A23D3D

#3D89A2 の彩度別色一覧

#9EA1A2

#969FA2

#8E9DA2

#869BA2

#7E99A2

#7697A2

#6E95A2

#6693A2

#5D91A2

#558FA2

#4D8DA2

#458BA2

#3D89A2

#3587A2

#2D85A2

#2583A2

#1D81A2

#157FA2

#0C7DA2

#047BA2

#3D89A2 の明度別色一覧

#030809

#081216

#0D1D23

#12282F

#17333C

#1B3E49

#204856

#255362

#2A5E6F

#2F697C

#337389

#387E95

#3D89A2

#4294AF

#479FBC

#4BA9C8

#50B4D5

#55BFE2

#5ACAEF

#5FD4FB

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

#345D6E

#123D4D

#82DAF2

#3D89A2

#4DB3C7

#3D89A2

#73D2F7

#284047

#145370

#26AECC

#3D89A2

#1C6275

#284954

#54B9EB

#55BCCC

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

#509F32

#3D89A2

#A7832E

#933058

#5F2C95

#9A3F67

#B98C49

#7ABC54

#3D89A2

#643598

#41A74E

#A78E3C

#3D89A2

#952946

#632993

#3D89A2 を使ったカマイユ

#3D89A2

#51A4B6

#3795AF

#408293

#3A94AC

#3D8A9A

#3D89A2

#48839A

#2B7290

#367693

#3D89A2

#3E91AF

#4496AC

#2D7F98

#2E87A7

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

#5CC4C6

#499EAF

#3E7E98

#5EC6C5

#3D89A2

#5EC1C0

#3D89A2

#375D7E

#419DB6

#3070AF

#2F8C90

#2E78B4

#3D89A2

#599EC3

#517B9D

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

#013445

#0D5B75

#3D89A2

#628B99

#069FD1

#1E4754

#246378

#C0C9CC

#3D89A2

#022F3D

#2F4952

#4B99B3

#207F9E

#1BB0E0

#3D89A2

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

#91D0E6

#055F7D

#3D89A2

#3B565E

#07A5D9

#3D89A2

#7DBCD1

#3D89A2

#02465C

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

#3D89A2

#A23D89

#89A23D

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

#A2783D

#3D89A2

#A23D46

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

#3D89A2

#893DA2

#A2563D

#57A23D

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

#3D89A2

#A2563D

#3D89A2

#8E9DA2

#3D89A2

#60D8FF

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

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

#3D89A2

#3D89A2 の色情報

#3D89A2 の色相別色一覧

#3D89A2 の彩度別色一覧

#3D89A2 の明度別色一覧

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

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

#3D89A2 を使ったカマイユ

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

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

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

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

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

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

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