#158C80

#158C80

カラー値

HEX

#158C80

RGB

21, 140, 128

HSL

173.9, 73.9%, 31.6%

HSV

173.9, 85.0%, 54.9%

CMYK

85.0%, 0.0%, 8.6%, 45.1%

OKLCH

0.5772 0.098 184.0

プロパティ

寒色 明るい 最も近い： 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.

カラーハーモニー

補色

#158C80

#8C1521

類似色

#158C44

#155D8C

#158C80

トライアド

#158C80

#80158C

#8C8015

スプリット補色

#158C80

#8C155D

#8C4415

テトラード

#158C80

#44158C

#8C1521

#5D8C15

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

オリジナル

#158C80

第1色覚異常

#494A83

第2色覚異常

#423984

第3色覚異常

#1B8586

全色盲

#727272

CSS使用法

background-color: #158C80;
color: #158C80;
border-color: #158C80;
最も近いTailwind： Teal 600 #0D9488

Tailwindシェード

50
#F3FCFB
100
#E2F8F6
200
#C1F6F0
300
#95EFE6
400
#5BE6D8
500
#21DECB
600
#1BB1A2
700
#158E82
800
#116F65
900
#10514A
950
#0A332F

コントラストチェッカー

白背景のテキスト

4.12:1

AA Fail AAA Fail

黒背景のテキスト

5.09:1

AA Pass AAA Fail

比較する

#158C80
#8C1521
#158C80
#FFFFFF
#000000
#158C80

関連記事

チュートリアル

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 #158C80?

RGB(21, 140, 128) · HSL(173.9, 73.9%, 31.6%) · CMYK(85.0%, 0.0%, 8.6%, 45.1%)

Does #158C80 meet WCAG contrast on white?

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

What text color is readable on #158C80?

Use 000000 text on a #158C80 background; contrast on black is 5.09:1.