#80BAE2｜カラーサイト.com

#80BAE2 の色情報

#80BAE2

画像
HEX	#80BAE2
RGB	R:128 G:186 B:226
RGBの割合	R:50.2% G:72.9% B:88.6%
HSV	H:204.5 S:43.4 V:88.6
HSL	H:204.5 S:62.8 L:69.4
CMY	C:49.8 M:27.1 Y:11.4

CMYK	C:43.4 M:17.7 Y:0.0 K:11.4
YCbCr	Y:164.8 Cb:154.1 Cr:99.7
XYZ	X:40.2 Y:45.2 Z:78.6
xyY	x:0.245 y:0.276 Y:45.2

CIE Lab	L:73.0 a:-8.4 b*:-25.9
CIE LCh	L:73.0 C:27.2 h:252.0
CIE Luv	L:73.0 u:-27.9 v*:-39.7
Hunter Lab	L:67.2 a:-11.0 b:-22.2

#80BAE2 の色相別色一覧

#E29080

#E2A880

#E2C180

#E2D980

#D3E280

#BAE280

#A2E280

#89E280

#80E290

#80E2A8

#80E2C1

#80E2D9

#80D3E2

#80BAE2

#80A2E2

#8089E2

#9080E2

#A880E2

#C180E2

#D980E2

#E280D3

#E280BA

#E280A2

#E28089

#80BAE2 の彩度別色一覧

#DADFE2

#CFDAE2

#C4D6E2

#B9D1E2

#ADCCE2

#A2C8E2

#97C3E2

#8BBFE2

#80BAE2

#75B5E2

#69B1E2

#5EACE2

#53A8E2

#48A3E2

#3C9EE2

#319AE2

#2695E2

#1A90E2

#0F8CE2

#0487E2

#80BAE2 の明度別色一覧

#050809

#0C1216

#141D23

#1B2730

#22323C

#293C49

#314756

#385163

#3F5C6F

#46667C

#4D7189

#557B96

#5C86A2

#6390AF

#6A9BBC

#72A5C9

#79B0D5

#80BAE2

#87C4EF

#8ECFFC

#80BAE2 を使ったトーンオントーン

#518499

#50A6C4

#80BAE2

#35464D

#465970

#8FB0BF

#80BAE2

#44606E

#63828C

#39515C

#334045

#4D8EB0

#80BAE2

#5A8096

#5A6C7A

#80BAE2 を使ったトーンイントーン

#80BAE2

#D87699

#CDA2F4

#DACF6F

#74C981

#75E78F

#D87AFC

#80BAE2

#EDEF9F

#D38289

#80BAE2

#C9B678

#87FC7F

#CB5F7B

#AD6CE7

#80BAE2 を使ったカマイユ

#89C2F6

#80BAE2

#5F9BCB

#7EA9D3

#91C4E5

#70ADE7

#91C7EF

#73B7DA

#85B2D8

#80BAE2

#8EC0DF

#73BFF6

#80BAE2

#84ABD0

#68ADCE

#80BAE2 を使ったフォカマイユ

#80BAE2

#6EAAE7

#6296D8

#94BBD8

#8ABDDD

#4E77BC

#7DA0BC

#80BAE2

#9ADAFE

#93DBFC

#8EB1E7

#80BAE2

#63BBCB

#B0E9F9

#76BFD8

#80BAE2 を使ったドミナントカラー

#80BAE2

#D3DEE6

#80AFCF

#005087

#23A2FA

#035187

#80BAE2

#233C4D

#0675C2

#54778F

#076EB5

#2C3F4D

#80BAE2

#20557A

#3D4347

#80BAE2 を使ったアイデンティティ

#0095FC

#80BAE2

#325A75

#80BAE2

#2F6B94

#195C8A

#4B93C4

#18547D

#80BAE2

#80BAE2 を使ったトライアド

#80BAE2

#E280BA

#BAE280

#80BAE2 を使ったスプリットコンプリメンタリー

#E2C980

#80BAE2

#E28780

#80BAE2 を使ったテトラード

#80BAE2

#D980E2

#E2A880

#89E280

#80BAE2 を使ったコントラスト

#80BAE2

#E2A880

#80BAE2

#0F8CE2

#80BAE2

#3A5466

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

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

#80BAE2

#80BAE2 の色情報

#80BAE2 の色相別色一覧

#80BAE2 の彩度別色一覧

#80BAE2 の明度別色一覧

#80BAE2 を使ったトーンオントーン

#80BAE2 を使ったトーンイントーン

#80BAE2 を使ったカマイユ

#80BAE2 を使ったフォカマイユ

#80BAE2 を使ったドミナントカラー

#80BAE2 を使ったアイデンティティ

#80BAE2 を使ったトライアド

#80BAE2 を使ったスプリットコンプリメンタリー

#80BAE2 を使ったテトラード

#80BAE2 を使ったコントラスト