#AE4F67
#ae4f67 ≈ Telemagenta
#ae4f67はローズ系の色です（明度：中程度、彩度：中程度）。 RGBでは赤68.24%、緑30.98%、青40.39%で構成され、CMYK印刷ではシアン0%、マゼンタ54.6%、イエロー40.8%、ブラック31.76%を使います。 HSLでは色相角344.84°、彩度37.55%、明度49.61%です。 暖色で、ロマンス、遊び心、愛情を連想させることが多い色です。 デザインでは主に食品ブランドやレストラン、セールやキャンペーン、ブランドのアクセントに使われます。 この色の上に白の文字を置くとコントラスト比は5.1:1（WCAG AA）です。 最も近い色名はTelemagenta（#cf3476）で、ΔEは7.74です。
この色の測定値から自動生成した説明です。
| HEX | |
|---|---|
| RGB | |
| RGB（%） | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Webセーフ | #996666 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 2進数 | |
| 10進数 | |
| 相対輝度 | 0.1557 |
シェード
#ae4f67に黒を段階的に混ぜた色です。
ティント
#ae4f67に白を段階的に混ぜた色です。
トーン
#ae4f67にグレーを段階的に混ぜた色です。
読みやすい文字
5.1:1
AA ✓
AA Large ✓
AAA ✕
AAA Large ✓
読みやすい文字
4.11:1
AA ✕
AA Large ✓
AAA ✕
AAA Large ✕
この色の文字
この色の背景
この色の枠線
文字色
.text-ae4f67 {
color: #ae4f67;
}背景色
.bg-ae4f67 {
background-color: #ae4f67;
color: #ffffff;
}枠線
.border-ae4f67 {
border: 2px solid #ae4f67;
}CSS変数
:root {
--color-primary: #ae4f67;
--color-primary-rgb: 174 79 103;
--color-primary-hsl: 345 38% 50%;
}グラデーション
.gradient-ae4f67 {
background: linear-gradient(135deg, #ae4f67, #ae674f);
}色付きの影
.shadow-ae4f67 {
box-shadow: 0 8px 24px rgb(174 79 103 / 0.35);
}Telemagenta
#ae4f67 rgb(174, 79, 103) hsl(345, 38%, 50%) Telemagenta
#4fae96 rgb(79, 174, 150) hsl(165, 38%, 50%) Jungle Green
#67ae4f rgb(103, 174, 79) hsl(105, 38%, 50%) Mantis
#4f67ae rgb(79, 103, 174) hsl(225, 38%, 50%) Queen Blue