#339AE2｜カラーサイト.com

#339AE2 の色情報

#339AE2

画像
HEX	#339AE2
RGB	R:51 G:154 B:226
RGBの割合	R:20.0% G:60.4% B:88.6%
HSV	H:204.7 S:77.4 V:88.6
HSL	H:204.7 S:75.1 L:54.3
CMY	C:80.0 M:39.6 Y:11.4

CMYK	C:77.4 M:31.9 Y:0.0 K:11.4
YCbCr	Y:128.9 Cb:174.9 Cr:77.7
XYZ	X:26.6 Y:29.3 Z:76.2
xyY	x:0.202 y:0.222 Y:29.3

CIE Lab	L:61.0 a:-4.9 b*:-44.7
CIE LCh	L:61.0 C:45.0 h:263.8
CIE Luv	L:61.0 u:-35.4 v*:-70.4
Hunter Lab	L:54.1 a:-6.9 b:-45.6

#339AE2 の色相別色一覧

#E24F33

#E27B33

#E2A733

#E2D333

#C6E233

#9AE233

#6EE233

#43E233

#33E24F

#33E27B

#33E2A7

#33E2D3

#33C6E2

#339AE2

#336EE2

#3343E2

#4F33E2

#7B33E2

#A733E2

#D333E2

#E233C6

#E2339A

#E2336E

#E23342

#339AE2 の彩度別色一覧

#DDE0E2

#D1DBE2

#C6D6E2

#BBD2E2

#AFCDE2

#A4C8E2

#99C4E2

#8DBFE2

#82BBE2

#77B6E2

#6CB1E2

#60ADE2

#55A8E2

#4AA3E2

#3E9FE2

#339AE2

#2895E2

#1C91E2

#118CE2

#0687E2

#339AE2 の明度別色一覧

#020609

#050F16

#081823

#0B2030

#0E293C

#103249

#133A56

#164363

#194C6F

#1C547C

#1F5D89

#226696

#256FA2

#2777AF

#2A80BC

#2D89C9

#3091D5

#339AE2

#36A3EF

#39ABFC

#339AE2 を使ったトーンオントーン

#339AE2

#2C5A91

#0762C2

#2A5669

#183D52

#339AE2

#065673

#156F8F

#1E3A4D

#55A3C7

#0D3A69

#4674B0

#3C739C

#339AE2

#1D3347

#339AE2 を使ったトーンイントーン

#A335D0

#FC2A4A

#D4D541

#339AE2

#42F972

#FCD645

#9D29DD

#E7446E

#48DF30

#339AE2

#9522FC

#38EC61

#339AE2

#F64480

#D8C437

#339AE2 を使ったカマイユ

#1F98D8

#1D9CEA

#298FE7

#3F99DD

#339AE2

#32A7F4

#2B8FEA

#339AE2

#3591C9

#3CAEEA

#249FEA

#339AE2

#1B94D8

#2D81D3

#2BA0DD

#339AE2 を使ったフォカマイユ

#259EC9

#3B9BE7

#47AACE

#39A9C1

#339AE2

#1EA9CB

#4A80D5

#36B0CB

#339AE2

#4EDAFF

#1885BE

#1373FF

#2B9DE7

#339AE2

#569DFF

#339AE2 を使ったドミナントカラー

#339AE2

#83C4F2

#A6CAE3

#09446E

#394D5C

#339AE2

#2A495E

#686D70

#676B6E

#425969

#687075

#339AE2

#6F9DBD

#586975

#5F6F7A

#339AE2 を使ったトライアド

#339AE2

#E2339A

#9AE233

#339AE2 を使ったスプリットコンプリメンタリー

#E2B533

#339AE2

#E24133

#339AE2 を使ったテトラード

#339AE2

#D333E2

#E27B33

#42E233

#339AE2 を使ったコントラスト

#339AE2

#E27B33

#339AE2

#A4C8E2

#339AE2

#174666

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

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

#339AE2

#339AE2 の色情報

#339AE2 の色相別色一覧

#339AE2 の彩度別色一覧

#339AE2 の明度別色一覧

#339AE2 を使ったトーンオントーン

#339AE2 を使ったトーンイントーン

#339AE2 を使ったカマイユ

#339AE2 を使ったフォカマイユ

#339AE2 を使ったドミナントカラー

#339AE2 を使ったトライアド

#339AE2 を使ったスプリットコンプリメンタリー

#339AE2 を使ったテトラード

#339AE2 を使ったコントラスト