# カラーコード #4aa8a7：鮮やかな シアン

#4aa8a7 はRGBで rgb(74, 168, 167)、OKLCHで oklch(67.537% 0.08839 194.309) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4aa8a7

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4aa8a7 |
| RGB | rgb(74, 168, 167) |
| HSL | hsl(179.36, 38.84%, 47.45%) |
| HSB / HSV | hsv(179.36 55.95% 65.88%) |
| HWB | hwb(179.36 29.02% 34.12%) |
| CMYK | cmyk(56% 0% 1% 34%) |
| Lab | lab(63.29 -29.03 -8.37) |
| LCH | lch(63.29 30.21 196.07) |
| OKLab | oklab(67.537% -0.08565 -0.02185) |
| OKLCH | oklch(67.537% 0.08839 194.309) |
| Display P3 | color(display-p3 0.38981 0.65061 0.65101) |
| Rec. 2020 | color(rec2020 0.41968 0.60277 0.61335) |
| Adobe RGB | color(a98-rgb 0.43526 0.6529 0.64915) |
| ProPhoto RGB | color(prophoto-rgb 0.43103 0.56658 0.5856) |
| 線形sRGB | color(srgb-linear 0.06848 0.39157 0.38643) |
| XYZ D65 | color(xyz-d65 0.238 0.3225 0.41531) |
| XYZ D50 | color(xyz-d50 0.23597 0.31937 0.31492) |
| SwiftUI | Color(red: 0.29, green: 0.659, blue: 0.655) |
| UIKit | UIColor(red: 0.29, green: 0.659, blue: 0.655, alpha: 1) |
| Flutter / Compose | Color(0xFF4AA8A7) |
| Android XML | #4AA8A7 |

## 基本情報

- 最も近い色名: 鮮やかな シアン
- 色相の系統: シアン, 鮮やかな シアン
- 最も近いTailwindクラス: teal-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.82:1
- 黒とのコントラスト: 7.45:1

## ティント

#4aa8a7, #60b1b0, #73b9b8, #86c2c1, #98cbc9, #a9d3d2, #bbdcdb, #cce5e4, #ddeeed, #eef6f6

## シェード

#4aa8a7, #3f9291, #357c7b, #2a6766, #205252, #173f3e, #0e2c2c, #061a1a, #020a0a, #000101

## トーン

#4aa8a7, #55a6a5, #5fa5a4, #68a3a2, #70a2a1, #77a09f, #7e9e9d, #859c9c, #8b9a9a, #919998

## カラーハーモニー

- 補色: #4aa8a7, #c78086
- 分裂補色: #4aa8a7, #be81a4, #c58569
- 類似色: #4aa8a7, #5fa889, #53a3bf
- トライアド: #4aa8a7, #ab87bd, #b78f57
- テトラード: #4aa8a7, #719acd, #c78086, #b78f57
- スクエア: #4aa8a7, #9090cc, #c78086, #9f9a57
- モノクロマティック: #4aa8a7, #006060, #1b8382, #72cecd, #9af6f4

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

### #4aa8a7 は何色ですか？

#4aa8a7 は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(74, 168, 167)、HSLでは hsl(179.36, 38.84%, 47.45%)、OKLCHでは oklch(67.537% 0.08839 194.309) です。

### #4aa8a7 に合う色は？

#4aa8a7 の補色は #c78086 です。落ち着いた組み合わせにするなら、類似色の #5fa889 と #53a3bf を使いましょう。トライアドの組み合わせは #ab87bd と #b78f57 です。

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

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

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

#4aa8a7 は寒色系の色です。OKLCHでは色相 194度、明度 67.5%、クロマ 0.088 です。