#D99673
#d99673 ≈ Dark Salmon
#d99673はオレンジ系の色です(明度:高い、彩度:中程度)。 RGBでは赤85.1%、緑58.82%、青45.1%で構成され、CMYK印刷ではシアン0%、マゼンタ30.88%、イエロー47%、ブラック14.9%を使います。 HSLでは色相角20.59°、彩度57.3%、明度65.1%です。 暖色で、熱意、温かさ、創造性を連想させることが多い色です。 デザインでは主にCTAボタン、食品ブランドやレストラン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は8.56:1(WCAG AAA)です。 最も近い色名はDark Salmon(#e9967a)で、ΔEは4.81です。
この色の測定値から自動生成した説明です。
| HEX | |
|---|---|
| RGB | |
| RGB(%) | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Webセーフ | #cc9966 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2進数 | |
| 10進数 | |
| 相対輝度 | 0.378 |
シェード
#d99673に黒を段階的に混ぜた色です。
ティント
#d99673に白を段階的に混ぜた色です。
トーン
#d99673にグレーを段階的に混ぜた色です。
読みやすい文字
2.45:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
読みやすい文字
8.56:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
この色の文字
この色の背景
この色の枠線
文字色
.text-d99673 {
color: #d99673;
}
背景色
.bg-d99673 {
background-color: #d99673;
color: #000000;
}
枠線
.border-d99673 {
border: 2px solid #d99673;
}
CSS変数
:root {
--color-primary: #d99673;
--color-primary-rgb: 217 150 115;
--color-primary-hsl: 21 57% 65%;
}
グラデーション
.gradient-d99673 {
background: linear-gradient(135deg, #d99673, #d9c973);
}
色付きの影
.shadow-d99673 {
box-shadow: 0 8px 24px rgb(217 150 115 / 0.35);
}
Dark Salmon
#d99673 rgb(217, 150, 115) hsl(21, 57%, 65%) Dark Salmon
#73b6d9 rgb(115, 182, 217) hsl(201, 57%, 65%) Moonstone Blue
#73d996 rgb(115, 217, 150) hsl(141, 57%, 65%) Emerald
#9673d9 rgb(150, 115, 217) hsl(261, 57%, 65%) Medium Purple