#175648

#175648

カラー値

HEX

#175648

RGB

23, 86, 72

HSL

166.7, 57.8%, 21.4%

HSV

166.7, 73.3%, 33.7%

CMYK

73.3%, 0.0%, 16.3%, 66.3%

OKLCH

0.4096 0.0672 174.8

プロパティ

寒色 暗い 最も近い： RAL 6016 Turquoise Green

色彩心理学

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.

カラーハーモニー

補色

#175648

#561725

類似色

#175629

#174556

#175648

トライアド

#175648

#481756

#564817

スプリット補色

#175648

#561745

#562917

テトラード

#175648

#291756

#561725

#455617

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

オリジナル

#175648

第1色覚異常

#32334B

第2色覚異常

#2F2A4C

第3色覚異常

#1A4E4F

全色盲

#484848

CSS使用法

background-color: #175648;
color: #175648;
border-color: #175648;
最も近いTailwind： Emerald 900 #064E3B

Tailwindシェード

50
#F4FBF9
100
#E4F6F2
200
#C7F0E7
300
#9EE5D5
400
#6AD7BF
500
#36C9A9
600
#2BA187
700
#22816C
800
#1B6554
900
#174A3E
950
#0F2F27

コントラストチェッカー

白背景のテキスト

8.53:1

AA Pass AAA Pass

黒背景のテキスト

2.46:1

AA Fail AAA Fail

比較する

#175648
#561725
#175648
#FFFFFF
#000000
#175648

関連記事

チュートリアル

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 #175648?

RGB(23, 86, 72) · HSL(166.7, 57.8%, 21.4%) · CMYK(73.3%, 0.0%, 16.3%, 66.3%)

Does #175648 meet WCAG contrast on white?

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

What text color is readable on #175648?

Use FFFFFF text on a #175648 background; contrast on black is 2.46:1.