# カラーコード #ae768e：スモーキーな ピンク

#ae768e はRGBで rgb(174, 118, 142)、OKLCHで oklch(63.059% 0.07687 352.18) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/ae768e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ae768e |
| RGB | rgb(174, 118, 142) |
| HSL | hsl(334.29, 25.69%, 57.25%) |
| HSB / HSV | hsv(334.29 32.18% 68.24%) |
| HWB | hwb(334.29 46.27% 31.76%) |
| CMYK | cmyk(0% 32% 18% 32%) |
| Lab | lab(56.13 25.25 -3.7) |
| LCH | lch(56.13 25.52 351.66) |
| OKLab | oklab(63.059% 0.07615 -0.01046) |
| OKLCH | oklch(63.059% 0.07687 352.18) |
| Display P3 | color(display-p3 0.65018 0.47219 0.55321) |
| Rec. 2020 | color(rec2020 0.57447 0.43221 0.5056) |
| Adobe RGB | color(a98-rgb 0.62387 0.45988 0.5484) |
| ProPhoto RGB | color(prophoto-rgb 0.5327 0.41741 0.47572) |
| 線形sRGB | color(srgb-linear 0.42327 0.18116 0.2705) |
| XYZ D65 | color(xyz-d65 0.28815 0.23909 0.28689) |
| XYZ D50 | color(xyz-d50 0.29305 0.24045 0.21664) |
| SwiftUI | Color(red: 0.682, green: 0.463, blue: 0.557) |
| UIKit | UIColor(red: 0.682, green: 0.463, blue: 0.557, alpha: 1) |
| Flutter / Compose | Color(0xFFAE768E) |
| Android XML | #AE768E |

## 基本情報

- 最も近い色名: スモーキーな ピンク
- 色相の系統: ピンク, スモーキーな ピンク
- 最も近いTailwindクラス: mauve-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.63:1
- 黒とのコントラスト: 5.78:1

## ティント

#ae768e, #b68399, #bf90a4, #c79eaf, #cfabba, #d8b9c5, #e0c7d0, #e8d5dc, #efe3e7, #f7f1f3

## シェード

#ae768e, #97667b, #805668, #6a4756, #553844, #412934, #2e1c24, #1c0f15, #0b0507, #010101

## トーン

#ae768e, #ab788e, #a77a8d, #a47c8d, #a07e8c, #9d808c, #99828b, #95848b, #91868a, #8d878a

## カラーハーモニー

- 補色: #ae768e, #549984
- 分裂補色: #ae768e, #6e956a, #49979d
- 類似色: #ae768e, #a07aa5, #b37774
- トライアド: #ae768e, #8a8e57, #5792b0
- テトラード: #ae768e, #af7c5d, #549984, #5792b0
- スクエア: #ae768e, #a18552, #549984, #708ab8
- モノクロマティック: #ae768e, #643249, #88536b, #d59ab3, #fdc0d9

## #ae768e についてのよくある質問

### #ae768e は何色ですか？

#ae768e はスモーキーな ピンクです。最も近い名前のある色はスモーキーな ピンクです。RGBでは rgb(174, 118, 142)、HSLでは hsl(334.29, 25.69%, 57.25%)、OKLCHでは oklch(63.059% 0.07687 352.18) です。

### #ae768e に合う色は？

#ae768e の補色は #549984 です。落ち着いた組み合わせにするなら、類似色の #a07aa5 と #b37774 を使いましょう。トライアドの組み合わせは #8a8e57 と #5792b0 です。

### #ae768e の上では白と黒のどちらの文字が読みやすいですか？

#ae768e の上では白の文字のほうが読みやすくなります。白はコントラスト比 3.63:1、黒は 5.78:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #ae768e は暖色と寒色のどちらですか？

#ae768e は暖色系の色です。OKLCHでは色相 352度、明度 63.1%、クロマ 0.077 です。