#54A0E2｜カラーサイト.com

#54A0E2 の色情報

#54A0E2

画像
HEX	#54A0E2
RGB	R:84 G:160 B:226
RGBの割合	R:32.9% G:62.7% B:88.6%
HSV	H:207.9 S:62.8 V:88.6
HSL	H:207.9 S:71.0 L:60.8
CMY	C:67.1 M:37.3 Y:11.4

CMYK	C:62.8 M:29.2 Y:0.0 K:11.4
YCbCr	Y:140.4 Cb:168.2 Cr:90.0
XYZ	X:30.0 Y:32.5 Z:76.7
xyY	x:0.215 y:0.234 Y:32.5

CIE Lab	L:63.8 a:-3.6 b*:-40.4
CIE LCh	L:63.8 C:40.5 h:264.9
CIE Luv	L:63.8 u:-31.2 v*:-63.7
Hunter Lab	L:57.0 a:-6.0 b:-39.8

#54A0E2 の色相別色一覧

#E27354

#E29654

#E2BA54

#E2DD54

#C4E254

#A0E254

#7DE254

#59E254

#54E273

#54E296

#54E2BA

#54E2DD

#54C4E2

#54A0E2

#547DE2

#5459E2

#7354E2

#9654E2

#BA54E2

#DD54E2

#E254C4

#E254A0

#E2547D

#E25459

#54A0E2 の彩度別色一覧

#DCDFE2

#D0DAE2

#C5D5E2

#BACFE2

#AECAE2

#A3C5E2

#98C0E2

#8DBAE2

#81B5E2

#76B0E2

#6BABE2

#5FA5E2

#54A0E2

#499BE2

#3D95E2

#3290E2

#278BE2

#1C86E2

#1080E2

#057BE2

#54A0E2 の明度別色一覧

#030709

#081016

#0D1923

#122230

#162B3C

#1B3449

#203D56

#254663

#294F6F

#2E587C

#336189

#386A96

#3C73A2

#417CAF

#4685BC

#4B8EC9

#4F97D5

#54A0E2

#59A9EF

#5DB2FC

#54A0E2 を使ったトーンオントーン

#3C758F

#2E4B5C

#2056B3

#54A0E2

#1D3E6B

#2F4059

#1F6EB3

#255A8C

#54A0E2

#2B5069

#26414D

#3B749C

#194673

#6C8DC4

#54A0E2

#54A0E2 を使ったトーンイントーン

#63F190

#9145D0

#CFDA63

#54A0E2

#DF515D

#B13CD5

#F16255

#9EC959

#54A0E2

#51ECB0

#A445E5

#FC608F

#54A0E2

#84F672

#EFD16E

#54A0E2 を使ったカマイユ

#408CD3

#4A9BD8

#65AAEF

#54A0E2

#5DA0E7

#54A0E2

#6FC6FC

#49B3F9

#3E94C9

#4E91D8

#54A0E2

#428FD5

#41A8E7

#43A7E5

#65BDF6

#54A0E2 を使ったフォカマイユ

#446DC6

#6693D0

#73CAF9

#54A0E2

#75BBEA

#54A0E2

#347BC1

#71AFD8

#77C9FC

#4087FF

#54A0E2

#5EA1BE

#54A5D0

#6AC4DD

#4075D5

#54A0E2 を使ったドミナントカラー

#035399

#155994

#1A69AD

#54A0E2

#B5D7F5

#5A6975

#0A375E

#CCD4DB

#656A6E

#54A0E2

#1A8BED

#041F36

#54A0E2

#2480D1

#87B6DE

#54A0E2 を使ったアイデンティティ

#1B5180

#54A0E2

#7B99B3

#54A0E2

#1E5F96

#1C4569

#2198FF

#54A0E2

#365066

#54A0E2 を使ったトライアド

#54A0E2

#E254A0

#A0E254

#54A0E2 を使ったスプリットコンプリメンタリー

#E2C554

#54A0E2

#E26754

#54A0E2 を使ったテトラード

#54A0E2

#DD54E2

#E29654

#59E254

#54A0E2 を使ったコントラスト

#54A0E2

#E29654

#54A0E2

#C5D5E2

#54A0E2

#264866

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

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

#54A0E2

#54A0E2 の色情報

#54A0E2 の色相別色一覧

#54A0E2 の彩度別色一覧

#54A0E2 の明度別色一覧

#54A0E2 を使ったトーンオントーン

#54A0E2 を使ったトーンイントーン

#54A0E2 を使ったカマイユ

#54A0E2 を使ったフォカマイユ

#54A0E2 を使ったドミナントカラー

#54A0E2 を使ったアイデンティティ

#54A0E2 を使ったトライアド

#54A0E2 を使ったスプリットコンプリメンタリー

#54A0E2 を使ったテトラード

#54A0E2 を使ったコントラスト