# カラーコード #ca97d3：やわらかな 明るいマゼンタ

#ca97d3 はRGBで rgb(202, 151, 211)、OKLCHで oklch(74.463% 0.10113 321.33) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ca97d3 |
| RGB | rgb(202, 151, 211) |
| HSL | hsl(291, 40.54%, 70.98%) |
| HSB / HSV | hsv(291 28.44% 82.75%) |
| HWB | hwb(291 59.22% 17.25%) |
| CMYK | cmyk(4% 28% 0% 17%) |
| Lab | lab(68.95 27.31 -23.17) |
| LCH | lch(68.95 35.81 319.69) |
| OKLab | oklab(74.463% 0.07896 -0.06319) |
| OKLCH | oklch(74.463% 0.10113 321.33) |
| Display P3 | color(display-p3 0.76156 0.60022 0.81272) |
| Rec. 2020 | color(rec2020 0.70592 0.57072 0.78743) |
| Adobe RGB | color(a98-rgb 0.7366 0.58665 0.81479) |
| ProPhoto RGB | color(prophoto-rgb 0.68518 0.55521 0.75997) |
| 線形sRGB | color(srgb-linear 0.59062 0.30947 0.65141) |
| XYZ D65 | color(xyz-d65 0.47179 0.39394 0.66749) |
| XYZ D50 | color(xyz-d50 0.46994 0.39275 0.50344) |
| SwiftUI | Color(red: 0.792, green: 0.592, blue: 0.827) |
| UIKit | UIColor(red: 0.792, green: 0.592, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFFCA97D3) |
| Android XML | #CA97D3 |

## 基本情報

- 最も近い色名: やわらかな 明るいマゼンタ
- 色相の系統: マゼンタ, やわらかな 明るいマゼンタ
- 最も近いTailwindクラス: violet-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.37:1
- 黒とのコントラスト: 8.88:1

## ティント

#ca97d3, #cfa1d8, #d5acdc, #dab6e1, #e0c0e5, #e5cbe9, #ead5ee, #f0dff2, #f5eaf7, #faf4fb

## シェード

#ca97d3, #af83b7, #956f9c, #7c5c82, #644969, #4d3751, #37263a, #221724, #0f0810, #020102

## トーン

#ca97d3, #c799cf, #c49ccb, #c19ec8, #bfa0c4, #bca2c0, #b9a4bc, #b6a6b8, #b2a8b4, #afaab0

## カラーハーモニー

- 補色: #ca97d3, #88bd80
- 分裂補色: #ca97d3, #aeb365, #62c1a4
- 類似色: #ca97d3, #ada1e7, #de91b4
- トライアド: #ca97d3, #cda65e, #4fbfc7
- テトラード: #ca97d3, #e59290, #88bd80, #4fbfc7
- スクエア: #ca97d3, #e09a70, #88bd80, #63b8e1
- モノクロマティック: #ca97d3, #7f5087, #a473ac, #f2bdfb, #ffeaff

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

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

#ca97d3 はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(202, 151, 211)、HSLでは hsl(291, 40.54%, 70.98%)、OKLCHでは oklch(74.463% 0.10113 321.33) です。

### #ca97d3 に合う色は？

#ca97d3 の補色は #88bd80 です。落ち着いた組み合わせにするなら、類似色の #ada1e7 と #de91b4 を使いましょう。トライアドの組み合わせは #cda65e と #4fbfc7 です。

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

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

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

#ca97d3 はニュートラルの色です。OKLCHでは色相 321度、明度 74.5%、クロマ 0.101 です。