色の名前 #78a3c2

Afloat

カラー :16 進数 (RGB 形式) (120, 163, 194): 47%, 64%, 76% red、47%, 64%, 76% green、47%, 64%, 76% blue。 CMYK 形式の #78a3c2 (38%, 16%, 0%, 24%): 38%, 16%, 0%, 24%。 HSL カラーモデル (205, 38%, 62%) の場合: 205, 38%, 62% 度、205, 38%, 62% 彩度、205, 38%, 62% 明度。他の形式と試合は以下に示されています。

#78a3c2

#86acc8

#93b5ce

#a1bfd4

#aec8da

#bcd1e1

#c9dae7

#d7e3ed

#e4edf3

#f2f6f9

#ffffff

カラーフォーマット

HEX

#78a3c2

RYB

43, 0, 0

RGB

120, 163, 194

Decimal

7906242

RGB %

47%, 64%, 76%

Websafe

#6699cc

CMYK

38%, 16%, 0%, 24%

Lab

65.03, -6.64, -20.54

HSL

205, 38%, 62%

XYZ

30.58, 34.08, 56.01

HSV

205, 38%, 76%

YIQ

153.68, -35.61, 0.6

Hunter-Lab

5.84, -0.38, -1.14

YUV

153.68, 19.84, -29.55

Android

0xFF78a3c2

Yxy

34.08, 0.25, 0.28

追加の色

#78a3c2

#7897c2

#788bc2

#787ec2

#7891c2

#7884c2

#7878c2

#8478c2

#787ec2

#7e78c2

#8b78c2

#9778c2

#8478c2

#9178c2

#9d78c2

#a978c2

#9778c2

#a378c2

#b078c2

#bc78c2

#a978c2

#b678c2

#c278c2

#c278b6

#bc78c2

#c278bc

#c278b0

#c278a3

カラースキーム

Complementary

#78a3c2

#c29778

Triad

#78a3c2

#c278a3

#a3c278

Tetrad

#78a3c2

#bc78c2

#c29778

#7ec278

シェード

#78a3c2

#7098b5

#688da8

#60829b

#58788e

#506d81

#486274

#405767

#384c5b

#30414e

#283641

#202b34

#182127

#10161a

#080b0d

ダークトーン

#60829b

#5b7c93

#56758c

#526f84

#4d687c

#486274

#435b6d

#3e5565

#3a4e5d

#354855

#30414e

#2b3b46

#26343e

#222e36

#1d272f

ライトトーン

#78a3c2

#7daaca

#82b0d2

#86b7d9

#8bbde1

#90c4e9

#95caf1

#9ad1f8

#9ed7ff

#a3deff

#a8e4ff

#adebff

#b2f1ff

#b6f8ff

#bbfeff

単色

#4e85ad

#5188b0

#558bb2

#5a8eb4

#5e91b6

#6294b8

#6797ba

#6b9abc

#6f9dbe

#74a0c0

#78a3c2

#7ca6c4

#81a9c6

#85acc8

#89afca

類似した

#7ec278

#78c297

#78c2bc

#78a3c2

#787ec2

#9778c2

#bc78c2

HTML (CSS) のスタイル

このブロックの背景は色付きです #bc78c2

<div style="background: #bc78c2">Background</div>

div {background: #bc78c2;}

このブロックのテキストと境界線は色付きです #78a3c2

div {color: #bc78c2;}

<div style="border: 1px solid #78a3c2">Border</div>

div {border: 1px solid #78a3c2;}