# カラーコード #35554c：くすんだ 暗いティール

#35554c はRGBで rgb(53, 85, 76)、OKLCHで oklch(42.165% 0.04078 174.607) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/35554c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #35554c |
| RGB | rgb(53, 85, 76) |
| HSL | hsl(163.13, 23.19%, 27.06%) |
| HSB / HSV | hsv(163.13 37.65% 33.33%) |
| HWB | hwb(163.13 20.78% 66.67%) |
| CMYK | cmyk(38% 0% 11% 67%) |
| Lab | lab(33.44 -14.04 1.34) |
| LCH | lch(33.44 14.11 174.56) |
| OKLab | oklab(42.165% -0.0406 0.00383) |
| OKLCH | oklch(42.165% 0.04078 174.607) |
| Display P3 | color(display-p3 0.23589 0.33005 0.2995) |
| Rec. 2020 | color(rec2020 0.19967 0.2667 0.23988) |
| Adobe RGB | color(a98-rgb 0.2592 0.33599 0.30426) |
| ProPhoto RGB | color(prophoto-rgb 0.20755 0.25404 0.23511) |
| 線形sRGB | color(srgb-linear 0.0356 0.09084 0.07227) |
| XYZ D65 | color(xyz-d65 0.06021 0.07775 0.08021) |
| XYZ D50 | color(xyz-d50 0.06085 0.07743 0.06092) |
| SwiftUI | Color(red: 0.208, green: 0.333, blue: 0.298) |
| UIKit | UIColor(red: 0.208, green: 0.333, blue: 0.298, alpha: 1) |
| Flutter / Compose | Color(0xFF35554C) |
| Android XML | #35554C |

## 基本情報

- 最も近い色名: くすんだ 暗いティール
- 色相の系統: ティール, くすんだ 暗いティール
- 最も近いTailwindクラス: mist-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 8.22:1
- 黒とのコントラスト: 2.56:1

## ティント

#35554c, #48655c, #5b746d, #6e857e, #81958f, #95a6a1, #aab7b3, #bfc9c5, #d4dbd8, #e9edec

## シェード

#35554c, #2d4941, #253d36, #1d312c, #152622, #0e1c18, #08110f, #030806, #010202, #000000

## トーン

#35554c, #38544c, #3b544c, #3d534c, #40524d, #42514d, #45514d, #47504d, #494f4d, #4b4e4d

## カラーハーモニー

- 補色: #35554c, #60444f
- 分裂補色: #35554c, #59465a, #624542
- 類似色: #35554c, #405440, #315458
- トライアド: #35554c, #4f4962, #5f4838
- テトラード: #35554c, #375161, #60444f, #5f4838
- スクエア: #35554c, #424d64, #60444f, #584c34
- モノクロマティック: #35554c, #001811, #15352d, #56776e, #799b91

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

### #35554c は何色ですか？

#35554c はくすんだ 暗いティールです。最も近い名前のある色はくすんだ 暗いティールです。RGBでは rgb(53, 85, 76)、HSLでは hsl(163.13, 23.19%, 27.06%)、OKLCHでは oklch(42.165% 0.04078 174.607) です。

### #35554c に合う色は？

#35554c の補色は #60444f です。落ち着いた組み合わせにするなら、類似色の #405440 と #315458 を使いましょう。トライアドの組み合わせは #4f4962 と #5f4838 です。

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

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

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

#35554c は寒色系の色です。OKLCHでは色相 175度、明度 42.2%、クロマ 0.041 です。