# カラーコード #369d94：鮮やかな ティール

#369d94 はRGBで rgb(54, 157, 148)、OKLCHで oklch(63.505% 0.09412 186.86) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/369d94

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #369d94 |
| RGB | rgb(54, 157, 148) |
| HSL | hsl(174.76, 48.82%, 41.37%) |
| HSB / HSV | hsv(174.76 65.61% 61.57%) |
| HWB | hwb(174.76 21.18% 38.43%) |
| CMYK | cmyk(66% 0% 6% 38%) |
| Lab | lab(58.78 -32.22 -4.45) |
| LCH | lch(58.78 32.53 187.87) |
| OKLab | oklab(63.505% -0.09344 -0.01124) |
| OKLCH | oklch(63.505% 0.09412 186.86) |
| Display P3 | color(display-p3 0.33219 0.60735 0.57909) |
| Rec. 2020 | color(rec2020 0.36458 0.55525 0.53584) |
| Adobe RGB | color(a98-rgb 0.38482 0.60997 0.57651) |
| ProPhoto RGB | color(prophoto-rgb 0.37666 0.5184 0.50904) |
| 線形sRGB | color(srgb-linear 0.03689 0.33716 0.29614) |
| XYZ D65 | color(xyz-d65 0.18922 0.27035 0.32239) |
| XYZ D50 | color(xyz-d50 0.18832 0.26787 0.24472) |
| SwiftUI | Color(red: 0.212, green: 0.616, blue: 0.58) |
| UIKit | UIColor(red: 0.212, green: 0.616, blue: 0.58, alpha: 1) |
| Flutter / Compose | Color(0xFF369D94) |
| Android XML | #369D94 |

## 基本情報

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

## ティント

#369d94, #50a79e, #66b0a9, #7bbab3, #8ec4be, #a2cec8, #b4d8d3, #c7e1de, #daebe9, #ecf5f4

## シェード

#369d94, #2e8880, #25736d, #1e5f5a, #164c48, #0f3a36, #082826, #031816, #010908, #000101

## トーン

#369d94, #449b93, #4f9a92, #599891, #629690, #6a948f, #71928e, #78918d, #7f8f8c, #858d8b

## カラーハーモニー

- 補色: #369d94, #bb7281
- 分裂補色: #369d94, #af74a0, #bc7661
- 類似色: #369d94, #569c73, #3999b0
- トライアド: #369d94, #9a7bb8, #b17f49
- テトラード: #369d94, #5990c1, #bb7281, #b17f49
- スクエア: #369d94, #7c85c3, #bb7281, #9b8b43
- モノクロマティック: #369d94, #00554e, #007870, #60c3b9, #88eae0

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

### #369d94 は何色ですか？

#369d94 は鮮やかな ティールです。最も近い名前のある色は鮮やかな ティールです。RGBでは rgb(54, 157, 148)、HSLでは hsl(174.76, 48.82%, 41.37%)、OKLCHでは oklch(63.505% 0.09412 186.86) です。

### #369d94 に合う色は？

#369d94 の補色は #bb7281 です。落ち着いた組み合わせにするなら、類似色の #569c73 と #3999b0 を使いましょう。トライアドの組み合わせは #9a7bb8 と #b17f49 です。

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

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

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

#369d94 は寒色系の色です。OKLCHでは色相 187度、明度 63.5%、クロマ 0.094 です。