#218482

#218482

カラー値

HEX

#218482

RGB

33, 132, 130

HSL

178.8, 60.0%, 32.4%

HSV

178.8, 75.0%, 51.8%

CMYK

75.0%, 0.0%, 1.5%, 48.2%

OKLCH

0.5589 0.0869 192.9

プロパティ

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

カラーハーモニー

補色

#218482

#842123

類似色

#218451

#215584

#218482

トライアド

#218482

#822184

#848221

スプリット補色

#218482

#842155

#845121

テトラード

#218482

#512184

#842123

#558421

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

オリジナル

#218482

第1色覚異常

#4C4D82

第2色覚異常

#463F83

第3色覚異常

#268383

全色盲

#6F6F6F

CSS使用法

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

Tailwindシェード

50
#F3FBFB
100
#E4F6F6
200
#C6F1F0
300
#9DE7E5
400
#68D9D7
500
#33CCC9
600
#29A3A1
700
#218381
800
#1A6664
900
#164B4A
950
#0E2F2E

コントラストチェッカー

白背景のテキスト

4.48:1

AA Fail AAA Fail

黒背景のテキスト

4.69:1

AA Pass AAA Fail

比較する

#218482
#842123
#218482
#FFFFFF
#000000
#218482

関連記事

チュートリアル

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

RGB(33, 132, 130) · HSL(178.8, 60.0%, 32.4%) · CMYK(75.0%, 0.0%, 1.5%, 48.2%)

Does #218482 meet WCAG contrast on white?

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

What text color is readable on #218482?

Use 000000 text on a #218482 background; contrast on black is 4.69:1.