# カラーコード #67aaa0：スモーキーな ティール

#67aaa0 はRGBで rgb(103, 170, 160)、OKLCHで oklch(69.035% 0.07021 183.715) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/67aaa0

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #67aaa0 |
| RGB | rgb(103, 170, 160) |
| HSL | hsl(171.04, 28.27%, 53.53%) |
| HSB / HSV | hsv(171.04 39.41% 66.67%) |
| HWB | hwb(171.04 40.39% 33.33%) |
| CMYK | cmyk(39% 0% 6% 33%) |
| Lab | lab(64.94 -24.09 -1.91) |
| LCH | lch(64.94 24.16 184.54) |
| OKLab | oklab(69.035% -0.07006 -0.00455) |
| OKLCH | oklch(69.035% 0.07021 183.715) |
| Display P3 | color(display-p3 0.46483 0.66001 0.62742) |
| Rec. 2020 | color(rec2020 0.47108 0.61447 0.58825) |
| Adobe RGB | color(a98-rgb 0.49343 0.66074 0.62332) |
| ProPhoto RGB | color(prophoto-rgb 0.46695 0.57934 0.56147) |
| 線形sRGB | color(srgb-linear 0.13563 0.40198 0.35153) |
| XYZ D65 | color(xyz-d65 0.26312 0.3417 0.38468) |
| XYZ D50 | color(xyz-d50 0.26426 0.33966 0.29194) |
| SwiftUI | Color(red: 0.404, green: 0.667, blue: 0.627) |
| UIKit | UIColor(red: 0.404, green: 0.667, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF67AAA0) |
| Android XML | #67AAA0 |

## 基本情報

- 最も近い色名: スモーキーな ティール
- 色相の系統: ティール, スモーキーな ティール
- 最も近いTailwindクラス: mist-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.68:1
- 黒とのコントラスト: 7.83:1

## ティント

#67aaa0, #77b2a9, #87bbb2, #96c3bc, #a5ccc5, #b4d4ce, #c3ddd8, #d2e5e2, #e1eeeb, #f0f6f5

## シェード

#67aaa0, #59938b, #4b7d76, #3d6861, #30534e, #233f3b, #172d29, #0c1b19, #040b09, #000101

## トーン

#67aaa0, #6da9a0, #74a79f, #79a69f, #7fa49e, #84a39e, #89a19d, #8ea09d, #929e9c, #979d9c

## カラーハーモニー

- 補色: #67aaa0, #c18997
- 分裂補色: #67aaa0, #b78bae, #c38c7f
- 類似色: #67aaa0, #79a988, #66a7b6
- トライアド: #67aaa0, #a591bf, #bb926e
- テトラード: #67aaa0, #76a1c4, #c18997, #bb926e
- スクエア: #67aaa0, #8d99c8, #c18997, #aa9b69
- モノクロマティック: #67aaa0, #1a6259, #42857c, #8dd0c6, #b3f8ed

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

### #67aaa0 は何色ですか？

#67aaa0 はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(103, 170, 160)、HSLでは hsl(171.04, 28.27%, 53.53%)、OKLCHでは oklch(69.035% 0.07021 183.715) です。

### #67aaa0 に合う色は？

#67aaa0 の補色は #c18997 です。落ち着いた組み合わせにするなら、類似色の #79a988 と #66a7b6 を使いましょう。トライアドの組み合わせは #a591bf と #bb926e です。

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

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

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

#67aaa0 は寒色系の色です。OKLCHでは色相 184度、明度 69%、クロマ 0.07 です。