#128686

#128686

カラー値

HEX

#128686

RGB

18, 134, 134

HSL

180.0, 76.3%, 29.8%

HSV

180.0, 86.6%, 52.5%

CMYK

86.6%, 0.0%, 0.0%, 47.5%

OKLCH

0.5631 0.0926 194.8

プロパティ

寒色 明るい 最も近い： teal

色彩心理学

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.

カラーハーモニー

補色

#128686

#861212

類似色

#12864C

#124C86

#128686

トライアド

#128686

#861286

#868612

スプリット補色

#128686

#86124C

#864C12

テトラード

#128686

#4C1286

#861212

#4C8612

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

オリジナル

#128686

第1色覚異常

#444586

第2色覚異常

#3E3586

第3色覚異常

#188686

全色盲

#6D6D6D

CSS使用法

background-color: #128686;
color: #128686;
border-color: #128686;
最も近いTailwind： Teal 700 #0F766E

Tailwindシェード

50
#F2FCFC
100
#E2F9F9
200
#C0F7F7
300
#93F0F0
400
#59E9E9
500
#1EE1E1
600
#18B4B4
700
#139090
800
#0F7070
900
#0F5252
950
#0A3434

コントラストチェッカー

白背景のテキスト

4.39:1

AA Fail AAA Fail

黒背景のテキスト

4.78:1

AA Pass AAA Fail

比較する

#128686
#861212
#128686
#FFFFFF
#000000
#128686

関連記事

チュートリアル

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

RGB(18, 134, 134) · HSL(180.0, 76.3%, 29.8%) · CMYK(86.6%, 0.0%, 0.0%, 47.5%)

Does #128686 meet WCAG contrast on white?

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

What text color is readable on #128686?

Use 000000 text on a #128686 background; contrast on black is 4.78:1.