#175348

#175348

カラー値

HEX

#175348

RGB

23, 83, 72

HSL

169.0, 56.6%, 20.8%

HSV

169.0, 72.3%, 32.5%

CMYK

72.3%, 0.0%, 13.3%, 67.5%

OKLCH

0.4009 0.0634 178.2

プロパティ

寒色 暗い 最も近い： RAL 6028 Pine 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.

カラーハーモニー

補色

#175348

#531722

類似色

#17532A

#174053

#175348

トライアド

#175348

#481753

#534817

スプリット補色

#175348

#531740

#532A17

テトラード

#175348

#2A1753

#531722

#405317

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

オリジナル

#175348

第1色覚異常

#31324B

第2色覚異常

#2E294B

第3色覚異常

#1A4D4D

全色盲

#454545

CSS使用法

background-color: #175348;
color: #175348;
border-color: #175348;
最も近いTailwind： Teal 900 #134E4A

Tailwindシェード

50
#F4FBFA
100
#E5F6F3
200
#C7F0E8
300
#9FE4D8
400
#6BD6C2
500
#37C8AD
600
#2CA08B
700
#23806F
800
#1C6457
900
#184940
950
#0F2E28

コントラストチェッカー

白背景のテキスト

8.87:1

AA Pass AAA Pass

黒背景のテキスト

2.37:1

AA Fail AAA Fail

比較する

#175348
#531722
#175348
#FFFFFF
#000000
#175348

関連記事

チュートリアル

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

RGB(23, 83, 72) · HSL(169.0, 56.6%, 20.8%) · CMYK(72.3%, 0.0%, 13.3%, 67.5%)

Does #175348 meet WCAG contrast on white?

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

What text color is readable on #175348?

Use FFFFFF text on a #175348 background; contrast on black is 2.37:1.