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

#3C89E2 の色情報

#3C89E2

画像
HEX	#3C89E2
RGB	R:60 G:137 B:226
RGBの割合	R:23.5% G:53.7% B:88.6%
HSV	H:212.2 S:73.5 V:88.6
HSL	H:212.2 S:74.1 L:56.1
CMY	C:76.5 M:46.3 Y:11.4

CMYK	C:73.5 M:39.4 Y:0.0 K:11.4
YCbCr	Y:122.6 Cb:178.5 Cr:87.9
XYZ	X:24.5 Y:24.3 Z:75.4
xyY	x:0.197 y:0.196 Y:24.3

CIE Lab	L:56.4 a:6.2 b*:-52.0
CIE LCh	L:56.4 C:52.4 h:276.8
CIE Luv	L:56.4 u:-28.3 v*:-82.5
Hunter Lab	L:49.3 a:2.4 b:-56.0

#3C89E2 の色相別色一覧

#E2423C

#E26C3C

#E2953C

#E2BF3C

#DCE23C

#B3E23C

#89E23C

#60E23C

#3CE242

#3CE26C

#3CE295

#3CE2BF

#3CDCE2

#3CB3E2

#3C89E2

#3C60E2

#423CE2

#6C3CE2

#953CE2

#BF3CE2

#E23CDC

#E23CB3

#E23C89

#E23C60

#3C89E2 の彩度別色一覧

#DADEE2

#CFD8E2

#C4D2E2

#B8CCE2

#ADC6E2

#A2C0E2

#96B9E2

#8BB3E2

#80ADE2

#75A7E2

#69A1E2

#5E9BE2

#5395E2

#478FE2

#3C89E2

#3183E2

#257DE2

#1A77E2

#0F71E2

#046BE2

#3C89E2 の明度別色一覧

#020609

#060D16

#091523

#0D1D30

#10253C

#132C49

#173456

#1A3C63

#1E436F

#214B7C

#245389

#285B96

#2B62A2

#2E6AAF

#3272BC

#357AC9

#3981D5

#3C89E2

#3F91EF

#4398FC

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

#235DB5

#215B99

#215178

#18304A

#3C89E2

#1B2E4F

#426EBF

#10427D

#3C89E2

#365DA1

#133373

#1C6CB3

#196EA3

#072857

#3C89E2

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

#29DD71

#D9F94C

#C92623

#3C89E2

#C046E5

#3C89E2

#C93133

#C345D3

#4CF189

#E3FC2C

#F1513B

#3C89E2

#43DAA6

#AFF14C

#B125D0

#3C89E2 を使ったカマイユ

#2F88E7

#3D7FDD

#2B7AEA

#2887D5

#3C89E2

#226AD0

#488FDD

#468EDD

#4285F1

#57AAEF

#3098F4

#3287CE

#5A9DF6

#3C89E2

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

#3C89E2

#387FEC

#306DF4

#1959DA

#3B89C9

#418FC1

#3C89E2

#4C90D5

#5477EC

#558BEA

#4F88D8

#2084EA

#2674C3

#3C89E2

#529BC6

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

#2C3036

#3578C4

#3C89E2

#AFBDCC

#C6DCF5

#9EBADB

#728DAB

#397DCC

#606366

#3C89E2

#436B99

#062345

#3C89E2

#4E7199

#0262D1

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

#445569

#3C89E2

#124E94

#3C5B80

#0D53A3

#3C89E2

#638EBF

#0A3970

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

#3C89E2

#E23C89

#89E23C

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

#E2CC3C

#3C89E2

#E25E3C

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

#3C89E2

#E23CDC

#E2953C

#3CE242

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

#3C89E2

#E2953C

#3C89E2

#ADC6E2

#3C89E2

#1B3E66

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

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

#3C89E2

#3C89E2 の色情報

#3C89E2 の色相別色一覧

#3C89E2 の彩度別色一覧

#3C89E2 の明度別色一覧

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

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

#3C89E2 を使ったカマイユ

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

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

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

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

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

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

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