#167F66

#167F66

カラー値

HEX

#167F66

RGB

22, 127, 102

HSL

165.7, 70.5%, 29.2%

HSV

165.7, 82.7%, 49.8%

CMYK

82.7%, 0.0%, 19.7%, 50.2%

OKLCH

0.534 0.0981 171.7

プロパティ

寒色 暗い 最も近い： Tropical Rain Forest

色彩心理学

Dark cyans and deep aquas convey depth, reliability, and technical mastery. They carry the trustworthiness of blue with a modern, slightly warmer edge from their green component. These tones suggest specialized expertise and sophisticated engineering.

Design Usage

Dark cyan works for cybersecurity brands, developer platforms, and data infrastructure companies. It creates striking dark-mode accents and terminal-style interfaces that feel technical yet approachable. Pair it with lighter cyan highlights and neutral grays for a layered, depth-rich design system.

カラーハーモニー

補色

#167F66

#7F162F

類似色

#167F31

#16637F

#167F66

トライアド

#167F66

#66167F

#7F6616

スプリット補色

#167F66

#7F1663

#7F3116

テトラード

#167F66

#31167F

#7F162F

#637F16

色覚異常シミュレーション

オリジナル

#167F66

第1色覚異常

#43446C

第2色覚異常

#3D366E

第3色覚異常

#1B7172

全色盲

#676767

CSS使用法

background-color: #167F66;
color: #167F66;
border-color: #167F66;
最も近いTailwind： Emerald 700 #047857

Tailwindシェード

50
#F3FCFA
100
#E2F8F3
200
#C2F4E8
300
#97EDD8
400
#5EE3C3
500
#26D9AF
600
#1EAE8C
700
#188B70
800
#136D57
900
#124F41
950
#0B3229

コントラストチェッカー

白背景のテキスト

4.93:1

AA Pass AAA Fail

黒背景のテキスト

4.26:1

AA Fail AAA Fail

比較する

#167F66
#7F162F
#167F66
#FFFFFF
#000000
#167F66

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #167F66?

RGB(22, 127, 102) · HSL(165.7, 70.5%, 29.2%) · CMYK(82.7%, 0.0%, 19.7%, 50.2%)

Does #167F66 meet WCAG contrast on white?

4.93:1 — WCAG AA 合格, AAA 不合格 for normal text.

What text color is readable on #167F66?

Use FFFFFF text on a #167F66 background; contrast on black is 4.26:1.