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

#3C97E2 の色情報

#3C97E2

画像
HEX	#3C97E2
RGB	R:60 G:151 B:226
RGBの割合	R:23.5% G:59.2% B:88.6%
HSV	H:207.1 S:73.5 V:88.6
HSL	H:207.1 S:74.1 L:56.1
CMY	C:76.5 M:40.8 Y:11.4

CMYK	C:73.5 M:33.2 Y:0.0 K:11.4
YCbCr	Y:129.7 Cb:174.4 Cr:82.7
XYZ	X:26.7 Y:28.6 Z:76.1
xyY	x:0.203 y:0.218 Y:28.6

CIE Lab	L:60.4 a:-2.1 b*:-45.7
CIE LCh	L:60.4 C:45.8 h:267.4
CIE Luv	L:60.4 u:-33.0 v*:-72.3
Hunter Lab	L:53.5 a:-4.6 b:-46.9

#3C97E2 の色相別色一覧

#E25E3C

#E2873C

#E2B13C

#E2DA3C

#C1E23C

#97E23C

#6EE23C

#44E23C

#3CE25E

#3CE287

#3CE2B1

#3CE2DA

#3CC1E2

#3C97E2

#3C6EE2

#3C44E2

#5E3CE2

#873CE2

#B13CE2

#DA3CE2

#E23CC1

#E23C97

#E23C6E

#E23C44

#3C97E2 の彩度別色一覧

#DADEE2

#CFD9E2

#C4D4E2

#B8CFE2

#ADCAE2

#A2C5E2

#96C0E2

#8BBBE2

#80B6E2

#75B1E2

#69ABE2

#5EA6E2

#53A1E2

#479CE2

#3C97E2

#3192E2

#258DE2

#1A88E2

#0F83E2

#047DE2

#3C97E2 の明度別色一覧

#020609

#060F16

#091723

#0D2030

#10283C

#133149

#173956

#1A4263

#1E4A6F

#21537C

#245B89

#286496

#2B6CA2

#2E75AF

#327DBC

#3586C9

#398ED5

#3C97E2

#3FA0EF

#43A8FC

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

#1A5370

#0C459C

#3A8FBD

#132C54

#3C97E2

#3F90C7

#1C4557

#427C9C

#3C97E2

#2C5278

#3A609E

#136FB5

#093975

#172F54

#3C97E2

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

#3C97E2

#E73475

#9038DD

#D8CD35

#4FE55E

#3EF44E

#C8C939

#F94064

#A745CE

#3C97E2

#26CE2C

#EFC34B

#CB3470

#AB54EC

#3C97E2 を使ったカマイユ

#3E96FC

#52A1FC

#3C97E2

#3EB2FC

#4AADF9

#3C97E2

#3683D5

#419DE5

#56A6EC

#31A6EF

#2AA1F1

#3C97E2

#479AD3

#56A3EC

#4DBBFC

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

#4391BC

#2B99D0

#1DC9F9

#3C97E2

#3294FE

#27AFEA

#4985DA

#2C65EC

#2F7BEF

#3C97E2

#65D6FF

#3F88C9

#3097DD

#5181C9

#3C97E2

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

#1F3547

#4D9FE3

#264157

#3C97E2

#172938

#1A4569

#757C82

#5E6F7D

#005BA6

#3C97E2

#C5D8E8

#1C71B8

#384D5E

#5C758A

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

#586E80

#0A8FFC

#3C97E2

#02447A

#78A1C2

#6199C7

#014680

#3C97E2

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

#3C97E2

#E23C97

#97E23C

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

#E2BE3C

#3C97E2

#E2503C

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

#3C97E2

#DA3CE2

#E2873C

#44E23C

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

#3C97E2

#E2873C

#3C97E2

#ADCAE2

#3C97E2

#1B4466

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

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

#3C97E2

#3C97E2 の色情報

#3C97E2 の色相別色一覧

#3C97E2 の彩度別色一覧

#3C97E2 の明度別色一覧

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

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

#3C97E2 を使ったカマイユ

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

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

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

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

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

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

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