最も近い色名 · #0CB092
#0CB092
最も近い色名: Hobgoblin
#0CB092（rgb(12 176 146)、hsl(169 87% 37%)、oklch(0.677 0.127 174.5)）に最も近い色名はHobgoblinです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0CB092
oklch(0.677 0.127 174.5)
カラー変換
- HEX
- #0cb092
- RGB
- rgb(12 176 146)
- HSL
- hsl(169 87% 37%)
- HWB
- hwb(169 5% 31%)
- OKLCH
- oklch(0.677 0.127 174.5)
- OKLab
- oklab(0.677 -0.126 0.012)
- CIE Lab
- lab(64.12 -44.55 4.26)
- LCH
- lch(64.12 44.75 174.5)
- CMYK
- cmyk(93% 0% 17% 31%)
ティント · シェード · トーン
ティント
- 40B89C
- 5DC0A7
- 75C8B2
- 8AD0BC
- 9FD8C7
- B3E0D2
- C6E8DD
- D9F0E8
- ECF7F4
シェード
- 09997E
- 06826B
- 046C58
- 035646
- 024235
- 012E25
- 001C16
- 000B08
- 000101
トーン
- 2FAB90
- 41A78E
- 4EA28D
- 589D8B
- 619989
- 699487
- 708F85
- 768A84
- 7B8582
カラーハーモニー
補色 +180°
- 0CB092
Hobgoblin
- D3749C
≈ Camellia Pink
類似色 -30° +30°
- 0CB092
Hobgoblin
- 62AB64
≈ Algae
- 00ABB8
≈ Bluebird
トライアド +120° +240°
- 0CB092
Hobgoblin
- 9D86DD
≈ Perrywinkle
- D28044
≈ Topaz
スプリットコンプリメンタリー +150° +210°
- 0CB092
Hobgoblin
- BE7BC3
≈ Lavender Sweater
- DA7670
≈ Red Cedar
テトラード +90° +180° +270°
- 0CB092
Hobgoblin
- 7095E5
≈ Guilliman Blue
- D3749C
≈ Camellia Pink
- BB9027
≈ Nugget
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.74:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.64:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.64:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--hobgoblin: #0cb092;
--hobgoblin-rgb: 12 176 146;
--hobgoblin-oklch: oklch(0.677 0.127 174.5);
}
.element {
color: var(--hobgoblin);
background-color: hsl(169 87% 37%);
border-color: oklch(0.677 0.127 174.5);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #0cb092;
--color-hobgoblin-50: #d0fff4;
--color-hobgoblin-100: #bcf6e7;
--color-hobgoblin-200: #98e6d3;
--color-hobgoblin-300: #68cdb5;
--color-hobgoblin-400: #31b699;
--color-hobgoblin-500: #00a081;
--color-hobgoblin-600: #00876d;
--color-hobgoblin-700: #006d57;
--color-hobgoblin-800: #00503e;
--color-hobgoblin-900: #00382a;
--color-hobgoblin-950: #002218;
}SCSS
$hobgoblin: #0cb092;
$hobgoblin-rgb: 12, 176, 146;
$hobgoblin-light: mix(#fff, $hobgoblin, 20%);
$hobgoblin-dark: mix(#000, $hobgoblin, 20%);
.element {
color: $hobgoblin;
box-shadow: 0 0 0 2px rgba($hobgoblin, 0.35);
}