色の名前 #ffaba5

Patient Pink

カラー :16 進数 (RGB 形式) (255, 171, 165): 100%, 67%, 65% red、100%, 67%, 65% green、100%, 67%, 65% blue。 CMYK 形式の #ffaba5 (0%, 33%, 35%, 0%): 0%, 33%, 35%, 0%。 HSL カラー モデル (4, 100%, 82%) の場合: 4, 100%, 82% 度、4, 100%, 82% 彩度、4, 100%, 82% 明度。他の形式と試合は以下に示されています。

#ffaba5
#ffb3ae
#ffbcb7
#ffc4c0
#ffcdc9
#ffd5d2
#ffdddb
#ffe6e4
#ffeeed
#fff7f6
#ffffff

カラーフォーマット

HEX

#ffaba5

RYB

84, 6, -84

RGB

255, 171, 165

Decimal

16755621

RGB %

100%, 67%, 65%

Websafe

#ff9999

CMYK

0%, 33%, 35%, 0%

Lab

77.94, 30.12, 15.74

HSL

4, 100%, 82%

XYZ

62.59, 53.1, 42.55

HSV

4, 35%, 100%

YIQ

195.43, 52, 15.85

Hunter-Lab

7.29, 3.38, 1.92

YUV

195.43, -14.97, 52.26

Android

0xFFffaba5

Yxy

53.1, 0.4, 0.34

追加の色

#ffaaa5
#ffb9a5
#ffc8a5
#ffd7a5
#ffc0a5
#ffcfa5
#ffdea5
#ffeda5
#ffd7a5
#ffe6a5
#fff5a5
#fbffa5
#ffeda5
#fffca5
#f3ffa5
#e4ffa5
#fbffa5
#ecffa5
#ddffa5
#ceffa5
#e4ffa5
#d5ffa5
#c6ffa5
#b7ffa5
#ceffa5
#bfffa5
#b0ffa5
#a5ffaa

カラースキーム

Complementary

#ffaba5
#a5f9ff

Triad

#ffaba5
#a5ffaa
#aba5ff

Tetrad

#ffaba5
#ceffa5
#a5f9ff
#d8a5ff

シェード

#ffaba5
#eea09a
#dd948f
#cc8984
#bb7d79
#aa726e
#996763
#885b58
#77504d
#664442
#553937
#442e2c
#332221
#221716
#110b0b

ダークトーン

#cc8984
#c2827d
#b87b77
#ad7470
#a36d6a
#996763
#8f605c
#855956
#7a524f
#704b49
#664442
#5c3e3b
#523735
#47302e
#3d2928

ライトトーン

#ffaba5
#ffb2ac
#ffb9b2
#ffc0b9
#ffc6bf
#ffcdc6
#ffd4cd
#ffdbd3
#ffe2da
#ffe9e0
#ffefe7
#fff6ee
#fffdf4
#fffffb
#ffffff

単色

#ff5d51
#ff6459
#ff6c62
#ff746a
#ff7c73
#ff847b
#ff8c83
#ff938c
#ff9b94
#ffa39d
#ffaba5
#ffb3ad
#ffbbb6
#ffc3be
#ffcac7

類似した

#d8a5ff
#ffa5f9
#ffa5cc
#ffaaa5
#ffd7a5
#fbffa5
#ceffa5

HTML (CSS) のスタイル

このブロックの背景は色付きです #ceffa5
<div style="background: #ceffa5">Background</div>
div {background: #ceffa5;}
このブロックのテキストと境界線は色付きです #ffaba5
<div style="color: #ffaba5">Text</div>
div {color: #ceffa5;}
<div style="border: 1px solid #ffaba5">Border</div>
div {border: 1px solid #ffaba5;}