# カラーコード #229c8f：鮮やかな ティール

#229c8f はRGBで rgb(34, 156, 143)、OKLCHで oklch(62.625% 0.10327 184.021) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/229c8f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #229c8f |
| RGB | rgb(34, 156, 143) |
| HSL | hsl(173.61, 64.21%, 37.25%) |
| HSB / HSV | hsv(173.61 78.21% 61.18%) |
| HWB | hwb(173.61 13.33% 38.82%) |
| CMYK | cmyk(78% 0% 8% 39%) |
| Lab | lab(57.9 -35.81 -2.98) |
| LCH | lch(57.9 35.94 184.76) |
| OKLab | oklab(62.625% -0.10302 -0.00724) |
| OKLCH | oklch(62.625% 0.10327 184.021) |
| Display P3 | color(display-p3 0.29785 0.6029 0.56056) |
| Rec. 2020 | color(rec2020 0.34175 0.54961 0.51614) |
| Adobe RGB | color(a98-rgb 0.36064 0.60608 0.55787) |
| ProPhoto RGB | color(prophoto-rgb 0.3573 0.512 0.49019) |
| 線形sRGB | color(srgb-linear 0.016 0.33245 0.27468) |
| XYZ D65 | color(xyz-d65 0.17505 0.26099 0.30103) |
| XYZ D50 | color(xyz-d50 0.17432 0.25854 0.22864) |
| SwiftUI | Color(red: 0.133, green: 0.612, blue: 0.561) |
| UIKit | UIColor(red: 0.133, green: 0.612, blue: 0.561, alpha: 1) |
| Flutter / Compose | Color(0xFF229C8F) |
| Android XML | #229C8F |

## 基本情報

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

## ティント

#229c8f, #44a69a, #5eb0a4, #74baaf, #89c3ba, #9dcdc6, #b1d7d1, #c5e1dc, #d8ebe8, #ecf5f3

## シェード

#229c8f, #1c877c, #167369, #115f57, #0b4c45, #073934, #032824, #011815, #000907, #000101

## トーン

#229c8f, #379a8e, #45988e, #51968d, #5b958c, #64938b, #6c918b, #748e8a, #7b8c89, #828a89

## カラーハーモニー

- 補色: #229c8f, #bc6c81
- 分裂補色: #229c8f, #ae70a2, #be705e
- 類似色: #229c8f, #519a6b, #1f98ae
- トライアド: #229c8f, #9678bb, #b37a40
- テトラード: #229c8f, #4c8ec2, #bc6c81, #b37a40
- スクエア: #229c8f, #7583c6, #bc6c81, #9d8736
- モノクロマティック: #229c8f, #005249, #00776c, #53c2b4, #7de9db

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

### #229c8f は何色ですか？

#229c8f は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(34, 156, 143)、HSLでは hsl(173.61, 64.21%, 37.25%)、OKLCHでは oklch(62.625% 0.10327 184.021) です。

### #229c8f に合う色は？

#229c8f の補色は #bc6c81 です。落ち着いた組み合わせにするなら、類似色の #519a6b と #1f98ae を使いましょう。トライアドの組み合わせは #9678bb と #b37a40 です。

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

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

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

#229c8f は寒色系の色です。OKLCHでは色相 184度、明度 62.6%、クロマ 0.103 です。