最も近い色名 · #00AD94
#00AD94
最も近い色名: Hobgoblin
#00AD94（rgb(0 173 148)、hsl(171 100% 34%)、oklch(0.669 0.124 177.5)）に最も近い色名はHobgoblinです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00AD94
oklch(0.669 0.124 177.5)
カラー変換
- HEX
- #00ad94
- RGB
- rgb(0 173 148)
- HSL
- hsl(171 100% 34%)
- HWB
- hwb(171 0% 32%)
- OKLCH
- oklch(0.669 0.124 177.5)
- OKLab
- oklab(0.669 -0.123 0.005)
- CIE Lab
- lab(63.14 -43.52 1.75)
- LCH
- lch(63.14 43.55 177.7)
- CMYK
- cmyk(100% 0% 14% 32%)
ティント · シェード · トーン
ティント
- 3DB59E
- 5BBEA9
- 73C6B3
- 89CEBE
- 9ED6C8
- B2DFD3
- C5E7DE
- D9EFE9
- ECF7F4
シェード
- 009680
- 007F6D
- 006A5A
- 005548
- 004136
- 002D26
- 001B16
- 000B08
- 000101
トーン
- 2CA992
- 3FA490
- 4CA08E
- 579C8C
- 60978A
- 689388
- 6F8E86
- 758984
- 7B8582
カラーハーモニー
補色 +180°
- 00AD94
Hobgoblin
- D07395
≈ Fiesta Pink
類似色 -30° +30°
- 00AD94
Hobgoblin
- 5CA967
≈ Deep Mint
- 00A8B9
≈ Bluebird
トライアド +120° +240°
- 00AD94
Hobgoblin
- 9E83D7
≈ Indigo Bloom
- CD8041
≈ Topaz
スプリットコンプリメンタリー +150° +210°
- 00AD94
Hobgoblin
- BD78BC
≈ Colombo Red Mauve
- D6756A
≈ Light Tomato
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.83:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.40:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.40:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--hobgoblin: #00ad94;
--hobgoblin-rgb: 0 173 148;
--hobgoblin-oklch: oklch(0.669 0.124 177.5);
}
.element {
color: var(--hobgoblin);
background-color: hsl(171 100% 34%);
border-color: oklch(0.669 0.124 177.5);
}Tailwind CSS v4
@theme {
--color-hobgoblin: #00ad94;
--color-hobgoblin-50: #d0fff6;
--color-hobgoblin-100: #bcf6e9;
--color-hobgoblin-200: #98e6d6;
--color-hobgoblin-300: #68ccb9;
--color-hobgoblin-400: #31b69e;
--color-hobgoblin-500: #00a085;
--color-hobgoblin-600: #008771;
--color-hobgoblin-700: #006c5a;
--color-hobgoblin-800: #005040;
--color-hobgoblin-900: #00382c;
--color-hobgoblin-950: #002219;
}SCSS
$hobgoblin: #00ad94;
$hobgoblin-rgb: 0, 173, 148;
$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);
}