# カラーコード #ca6471：やわらかな ローズ

#ca6471 はRGBで rgb(202, 100, 113)、OKLCHで oklch(62.763% 0.12979 13.58) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ca6471 |
| RGB | rgb(202, 100, 113) |
| HSL | hsl(352.35, 49.04%, 59.22%) |
| HSB / HSV | hsv(352.35 50.5% 79.22%) |
| HWB | hwb(352.35 39.22% 20.78%) |
| CMYK | cmyk(0% 50% 44% 21%) |
| Lab | lab(55.36 42.25 12.7) |
| LCH | lch(55.36 44.12 16.73) |
| OKLab | oklab(62.763% 0.12616 0.03048) |
| OKLCH | oklch(62.763% 0.12979 13.58) |
| Display P3 | color(display-p3 0.74085 0.41389 0.4488) |
| Rec. 2020 | color(rec2020 0.64445 0.38244 0.39435) |
| Adobe RGB | color(a98-rgb 0.70159 0.3919 0.43901) |
| ProPhoto RGB | color(prophoto-rgb 0.58237 0.37859 0.37106) |
| 線形sRGB | color(srgb-linear 0.59062 0.12744 0.16513) |
| XYZ D65 | color(xyz-d65 0.31894 0.22865 0.18357) |
| XYZ D50 | color(xyz-d50 0.33026 0.23278 0.13852) |
| SwiftUI | Color(red: 0.792, green: 0.392, blue: 0.443) |
| UIKit | UIColor(red: 0.792, green: 0.392, blue: 0.443, alpha: 1) |
| Flutter / Compose | Color(0xFFCA6471) |
| Android XML | #CA6471 |

## 基本情報

- 最も近い色名: やわらかな ローズ
- 色相の系統: ローズ, やわらかな ローズ
- 最も近いTailwindクラス: red-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.77:1
- 黒とのコントラスト: 5.57:1

## ティント

#ca6471, #d1747e, #d7838c, #de939a, #e3a2a8, #e9b2b6, #eec1c4, #f3d0d3, #f7e0e1, #fbeff0

## シェード

#ca6471, #af5661, #954852, #7c3b43, #642e35, #4d2227, #37161a, #220b0e, #0f0304, #020001

## トーン

#ca6471, #c46973, #be6d76, #b97178, #b2757a, #ac787d, #a57c7f, #9f7f81, #988284, #908586

## カラーハーモニー

- 補色: #ca6471, #009f9e
- 分裂補色: #ca6471, #16a072, #0098c2
- 類似色: #ca6471, #be669c, #c86b43
- トライアド: #ca6471, #679942, #4b8bd5
- テトラード: #ca6471, #b77a0f, #009f9e, #4b8bd5
- スクエア: #ca6471, #978b0b, #009f9e, #7f7cd4
- モノクロマティック: #ca6471, #7a1a2f, #a2404f, #f38995, #ffbac1

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

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

#ca6471 はやわらかな ローズです。最も近い名前のある色はやわらかな ローズです。RGBでは rgb(202, 100, 113)、HSLでは hsl(352.35, 49.04%, 59.22%)、OKLCHでは oklch(62.763% 0.12979 13.58) です。

### #ca6471 に合う色は？

#ca6471 の補色は #009f9e です。落ち着いた組み合わせにするなら、類似色の #be669c と #c86b43 を使いましょう。トライアドの組み合わせは #679942 と #4b8bd5 です。

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

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

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

#ca6471 は暖色系の色です。OKLCHでは色相 14度、明度 62.8%、クロマ 0.13 です。