色の名前 #f5a8b2

Pink Fit

カラー :16 進数 (RGB 形式) (245, 168, 178): 96%, 66%, 70% red、96%, 66%, 70% green、96%, 66%, 70% blue。 CMYK 形式の #f5a8b2 (0%, 31%, 27%, 4%): 0%, 31%, 27%, 4%。 HSL カラーモデル (352, 79%, 81%) の場合: 352, 79%, 81% 度、352, 79%, 81% 彩度、352, 79%, 81% 明度。他の形式と試合は以下に示されています。

#f5a8b2

#f6b1ba

#f7b9c1

#f8c2c9

#f9cbd1

#fad4d9

#fbdce0

#fce5e8

#fdeef0

#fef6f7

#ffffff

カラーフォーマット

HEX

#f5a8b2

RYB

77, 0, -67

RGB

245, 168, 178

Decimal

16099506

RGB %

96%, 66%, 70%

Websafe

#ff9999

CMYK

0%, 31%, 27%, 4%

Lab

76.46, 29.67, 6.41

HSL

352, 79%, 81%

XYZ

59.69, 50.63, 48.75

HSV

352, 31%, 96%

YIQ

192.16, 42.67, 19.37

Hunter-Lab

7.12, 3.3, 1.25

YUV

192.16, -6.97, 46.35

Android

0xFFf5a8b2

Yxy

50.63, 0.38, 0.32

追加の色

#f5a8b2

#f5aba8

#f5b7a8

#f5c4a8

#f5b1a8

#f5bea8

#f5cba8

#f5d7a8

#f5c4a8

#f5d1a8

#f5dea8

#f5eba8

#f5d7a8

#f5e4a8

#f5f1a8

#ecf5a8

#f5eba8

#f2f5a8

#e6f5a8

#d9f5a8

#ecf5a8

#dff5a8

#d2f5a8

#c6f5a8

#d9f5a8

#ccf5a8

#bff5a8

#b2f5a8

カラースキーム

Complementary

#f5a8b2

#a8f5eb

Triad

#f5a8b2

#b2f5a8

#a8b2f5

Tetrad

#f5a8b2

#d9f5a8

#a8f5eb

#c4a8f5

シェード

#f5a8b2

#e59da6

#d4929a

#c4868e

#b47b83

#a37077

#93656b

#835a5f

#724e53

#624347

#52383b

#412d2f

#312224

#211618

#100b0c

ダークトーン

#c4868e

#ba8087

#b07980

#a77279

#9d6c72

#93656b

#895e64

#7f575d

#765155

#6c4a4e

#624347

#583c40

#4e3639

#452f32

#3b282b

ライトトーン

#f5a8b2

#ffafb9

#ffb5c0

#ffbcc7

#ffc3ce

#ffcad6

#ffd0dd

#ffd7e4

#ffdeeb

#ffe4f2

#ffebf9

#fff2ff

#fff9ff

#ffffff

単色

#ec5e70

#ed6577

#ee6d7e

#ef7484

#f07c8b

#f18391

#f28a98

#f2929e

#f399a5

#f4a1ab

#f5a8b2

#f6afb9

#f7b7bf

#f8bec6

#f8c6cc

類似した

#c4a8f5

#eba8f5

#f5a8d9

#f5a8b2

#f5c4a8

#f5eba8

#d9f5a8

HTML (CSS) のスタイル

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

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

div {background: #d9f5a8;}

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

div {color: #d9f5a8;}

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

div {border: 1px solid #f5a8b2;}