#1B8288

#1B8288

カラー値

HEX

#1B8288

RGB

27, 130, 136

HSL

183.3, 66.9%, 32.0%

HSV

183.3, 80.1%, 53.3%

CMYK

80.1%, 4.4%, 0.0%, 46.7%

OKLCH

0.5547 0.0878 201.0

プロパティ

寒色 明るい 最も近い： turquoise 4

色彩心理学

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.

カラーハーモニー

補色

#1B8288

#88211B

類似色

#1B8858

#1B4C88

#1B8288

トライアド

#1B8288

#881B82

#82881B

スプリット補色

#1B8288

#881B4C

#88581B

テトラード

#1B8288

#581B88

#88211B

#4C881B

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

オリジナル

#1B8288

第1色覚異常

#484887

第2色覚異常

#423A86

第3色覚異常

#208585

全色盲

#6D6D6D

CSS使用法

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

Tailwindシェード

50
#F3FBFC
100
#E3F6F7
200
#C3F1F3
300
#99E6EB
400
#62D9E0
500
#2ACBD5
600
#22A3AA
700
#1B8288
800
#15666A
900
#134A4E
950
#0C2F31

コントラストチェッカー

白背景のテキスト

4.57:1

AA Pass AAA Fail

黒背景のテキスト

4.6:1

AA Pass AAA Fail

比較する

#1B8288
#88211B
#1B8288
#FFFFFF
#000000
#1B8288

関連記事

チュートリアル

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 #1B8288?

RGB(27, 130, 136) · HSL(183.3, 66.9%, 32.0%) · CMYK(80.1%, 4.4%, 0.0%, 46.7%)

Does #1B8288 meet WCAG contrast on white?

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

What text color is readable on #1B8288?

Use 000000 text on a #1B8288 background; contrast on black is 4.6:1.